html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent
}

a:hover,
a:focus {
  text-decoration: none
}

sup {
  vertical-align: super
}

@font-face {
  font-family: 'Flexo-Thin';
  src: url("../fonts/285B7A_0_0.eot");
  src: url("../fonts/285B7A_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/285B7A_0_0.woff") format("woff"), url("../fonts/285B7A_0_0.ttf") format("truetype")
}

@font-face {
  font-family: 'Flexo-Regular';
  src: url("../fonts/285B7A_1_0.eot");
  src: url("../fonts/285B7A_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/285B7A_1_0.woff") format("woff"), url("../fonts/285B7A_1_0.ttf") format("truetype")
}

@font-face {
  font-family: 'Flexo-Medium';
  src: url("../fonts/285B7A_2_0.eot");
  src: url("../fonts/285B7A_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/285B7A_2_0.woff") format("woff"), url("../fonts/285B7A_2_0.ttf") format("truetype")
}

@font-face {
  font-family: 'Flexo-Light';
  src: url("../fonts/285B7A_3_0.eot");
  src: url("../fonts/285B7A_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/285B7A_3_0.woff") format("woff"), url("../fonts/285B7A_3_0.ttf") format("truetype")
}

@font-face {
  font-family: 'Flexo-Demi';
  src: url("../fonts/285B7A_4_0.eot");
  src: url("../fonts/285B7A_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/285B7A_4_0.woff") format("woff"), url("../fonts/285B7A_4_0.ttf") format("truetype")
}

@font-face {
  font-family: 'Flexo-Bold';
  src: url("../fonts/285B7A_5_0.eot");
  src: url("../fonts/285B7A_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/285B7A_5_0.woff") format("woff"), url("../fonts/285B7A_5_0.ttf") format("truetype")
}

@font-face {
  font-family: "icons";
  src: url("../fonts/icons.eot?456e640c93ca1d54e86948898799edfa");
  src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff?456e640c93ca1d54e86948898799edfa") format("woff"), url("../fonts/icons.ttf?456e640c93ca1d54e86948898799edfa") format("truetype"), url("../fonts/icons.svg?456e640c93ca1d54e86948898799edfa#icons") format("svg");
  font-weight: normal;
  font-style: normal
}

.icon,
.arrow-right.button:after,
body.custom-form-elements label.radio-as-toggle-button input+span.arrow-right:after,
.arrow-left.button:before,
body.custom-form-elements label.radio-as-toggle-button input+span.arrow-left:before,
body.custom-form-elements select+i,
.custom-select-wrapper .custom-select-menu label:before,
.custom-select-wrapper .custom-select-menu label:after,
#back-to-top:before,
.trainer-card-stamps-all a.arrow-right:after,
.aside-leaderboard-table .footer_link a:after {
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon_add:before {
  content: "\f101"
}

.icon_alert:before {
  content: "\f102"
}

.icon_arrow_sm_down:before,
body.custom-form-elements select+i,
.custom-select-wrapper .custom-select-menu label:after {
  content: "\f103"
}

.icon_arrow_sm_left:before,
.arrow-left.button:before,
body.custom-form-elements label.radio-as-toggle-button input+span.arrow-left:before {
  content: "\f104"
}

.icon_arrow_sm_right:before,
.arrow-right.button:after,
body.custom-form-elements label.radio-as-toggle-button input+span.arrow-right:after,
.trainer-card-stamps-all a.arrow-right:after,
.aside-leaderboard-table .footer_link a:after {
  content: "\f105"
}

.icon_arrow_sm_up:before,
.custom-select-wrapper .custom-select-menu label.opened:after,
#back-to-top:before,
.expanded .page-navigation-header span.icon_arrow_sm_down:before {
  content: "\f106"
}

.icon_badges:before {
  content: "\f107"
}

.icon_body:before {
  content: "\f108"
}

.icon_cards:before {
  content: "\f109"
}

.icon_cautionsymbol:before {
  content: "\f10a"
}

.icon_check:before {
  content: "\f10b"
}

.icon_checkmark:before {
  content: "\f10c"
}

.icon_clothing:before {
  content: "\f10d"
}

.icon_collection:before {
  content: "\f10e"
}

.icon_create_avatar:before {
  content: "\f10f"
}

.icon_double:before {
  content: "\f110"
}

.icon_download:before {
  content: "\f111"
}

.icon_event:before {
  content: "\f112"
}

.icon_eye_closed:before {
  content: "\f113"
}

.icon_eye_open:before {
  content: "\f114"
}

.icon_female_symbol:before {
  content: "\f115"
}

.icon_filter_height_large:before {
  content: "\f116"
}

.icon_filter_height_medium:before {
  content: "\f117"
}

.icon_filter_height_small:before {
  content: "\f118"
}

.icon_filter_weight_large:before {
  content: "\f119"
}

.icon_filter_weight_medium:before {
  content: "\f11a"
}

.icon_filter_weight_small:before {
  content: "\f11b"
}

.icon_friends:before {
  content: "\f11c"
}

.icon_gender:before {
  content: "\f11d"
}

.icon_hamburger:before {
  content: "\f11e"
}

.icon_home:before {
  content: "\f11f"
}

.icon_journal:before {
  content: "\f120"
}

.icon_joystick:before {
  content: "\f121"
}

.icon_male_symbol:before {
  content: "\f122"
}

.icon_messages:before {
  content: "\f123"
}

.icon_minus:before {
  content: "\f124"
}

.icon_multiply:before {
  content: "\f125"
}

.icon_notepage:before {
  content: "\f126"
}

.icon_plus:before {
  content: "\f127"
}

.icon_points_champ:before {
  content: "\f128"
}

.icon_points_game:before {
  content: "\f129"
}

.icon_pokeball:before {
  content: "\f12a"
}

.icon_pokedex_added:before {
  content: "\f12b"
}

.icon_pokemontv:before {
  content: "\f12c"
}

.icon_prize_bronze:before {
  content: "\f12d"
}

.icon_prize_gold:before {
  content: "\f12e"
}

.icon_prize_silver:before {
  content: "\f12f"
}

.icon_refresh:before {
  content: "\f130"
}

.icon_remove:before {
  content: "\f131"
}

.icon_search:before {
  content: "\f132"
}

.icon_settings:before {
  content: "\f133"
}

.icon_trade:before {
  content: "\f134"
}

.icon_videogame:before {
  content: "\f135"
}

.icon_wishlist:before {
  content: "\f136"
}

.icon_wrench:before {
  content: "\f137"
}

.icon_news:before {
  content: "\f138"
}

.icon_mobile:before {
  content: "\f139"
}

.icon_go:before {
  content: "\f13a";
  margin-right: 30px
}

@-webkit-keyframes bounce {

  0%,
  100% {
    -webkit-transform: translateY(0);
    -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
  }

  75% {
    -webkit-transform: translateY(-4px)
  }
}

@-moz-keyframes bounce {

  0%,
  100% {
    -moz-transform: translateY(0);
    -moz-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
  }

  75% {
    -moz-transform: translateY(-4px)
  }
}

@-o-keyframes bounce {

  0%,
  100% {
    -o-transform: translateY(0);
    -o-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
  }

  75% {
    -o-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
  }
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
  }

  75% {
    transform: translateY(-4px)
  }
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg)
  }

  25% {
    -webkit-transform: rotate(90deg)
  }

  50% {
    -webkit-transform: rotate(180deg)
  }

  75% {
    -webkit-transform: rotate(270deg)
  }

  100% {
    -webkit-transform: rotate(360deg)
  }
}

@-moz-keyframes loader {
  0% {
    -moz-transform: rotate(0deg)
  }

  25% {
    -moz-transform: rotate(90deg)
  }

  50% {
    -moz-transform: rotate(180deg)
  }

  75% {
    -moz-transform: rotate(270deg)
  }

  100% {
    -moz-transform: rotate(360deg)
  }
}

@-o-keyframes loader {
  0% {
    -o-transform: rotate(0deg)
  }

  25% {
    -o-transform: rotate(90deg)
  }

  50% {
    -o-transform: rotate(180deg)
  }

  75% {
    -o-transform: rotate(270deg)
  }

  100% {
    -o-transform: rotate(360deg)
  }
}

@keyframes loader {
  0% {
    transform: rotate(0deg)
  }

  25% {
    transform: rotate(90deg)
  }

  50% {
    transform: rotate(180deg)
  }

  75% {
    transform: rotate(270deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.bounce {
  position: relative
}

.kss-modifier-original .color-text {
  color: #919191
}

.kss-modifier-original .color-bg {
  background-color: #919191
}

.kss-modifier-original .color-bg,
.kss-modifier-example .color-bg {
  margin-bottom: 10px;
  min-width: 150px;
  text-align: center;
  vertical-align: center
}

.kss-modifier-block,
.kss-modifier-example {
  clear: both;
  width: 100%
}

.kss-modifier-block .banner h1,
.kss-modifier-block .banner h2,
.kss-modifier-block .banner h3,
.kss-modifier-block .content-block h1,
.kss-modifier-block .content-block h2,
.kss-modifier-block .content-block h3,
.kss-modifier-block .color-block h1,
.kss-modifier-block .color-block h2,
.kss-modifier-block .color-block h3,
.kss-modifier-example .banner h1,
.kss-modifier-example .banner h2,
.kss-modifier-example .banner h3,
.kss-modifier-example .content-block h1,
.kss-modifier-example .content-block h2,
.kss-modifier-example .content-block h3,
.kss-modifier-example .color-block h1,
.kss-modifier-example .color-block h2,
.kss-modifier-example .color-block h3 {
  margin: 0.5em 0.5em 0 1em
}

.kss-modifier-block .banner p,
.kss-modifier-block .content-block p,
.kss-modifier-block .color-block p,
.kss-modifier-example .banner p,
.kss-modifier-example .content-block p,
.kss-modifier-example .color-block p {
  margin: 0.5em 0.5em 0 1.5em
}

.kss-modifier-block .banner,
.kss-modifier-example .banner {
  border-radius: 5px
}

.kss-modifier-block .banner.banner-left,
.kss-modifier-block .banner.banner-right,
.kss-modifier-example .banner.banner-left,
.kss-modifier-example .banner.banner-right {
  border-radius: 5px;
  padding-bottom: 0
}

html.nintendo .kss-modifier-block .banner.banner-left,
html.nintendo .kss-modifier-block .banner.banner-right,
html.nintendo .kss-modifier-example .banner.banner-left,
html.nintendo .kss-modifier-example .banner.banner-right {
  border-radius: 0
}

.kss-modifier-block .banner.banner-left p,
.kss-modifier-block .banner.banner-right p,
.kss-modifier-example .banner.banner-left p,
.kss-modifier-example .banner.banner-right p {
  margin: 0.5em 0.5em 0 1.25em
}

.kss-modifier-block .banner.banner-left :last-child,
.kss-modifier-block .banner.banner-right :last-child,
.kss-modifier-example .banner.banner-left :last-child,
.kss-modifier-example .banner.banner-right :last-child {
  margin-bottom: 1em
}

.kss-modifier-block .banner.banner-left .banner-wrapper,
.kss-modifier-block .banner.banner-right .banner-wrapper,
.kss-modifier-example .banner.banner-left .banner-wrapper,
.kss-modifier-example .banner.banner-right .banner-wrapper {
  width: 60%;
  position: relative
}

.kss-modifier-block .banner.banner-left img,
.kss-modifier-block .banner.banner-right img,
.kss-modifier-example .banner.banner-left img,
.kss-modifier-example .banner.banner-right img {
  border-radius: 5px 0 0 5px;
  width: 40%;
  margin-bottom: 0;
  max-width: 132px
}

html.nintendo .kss-modifier-block .banner.banner-left img,
html.nintendo .kss-modifier-block .banner.banner-right img,
html.nintendo .kss-modifier-example .banner.banner-left img,
html.nintendo .kss-modifier-example .banner.banner-right img {
  border-radius: 0
}

.kss-modifier-block .banner.banner-left img,
.kss-modifier-example .banner.banner-left img {
  border-radius: 0 5px 5px 0;
  float: right
}

html.nintendo .kss-modifier-block .banner.banner-left img,
html.nintendo .kss-modifier-example .banner.banner-left img {
  border-radius: 0
}

.kss-modifier-block .banner.banner-right .banner-wrapper h1,
.kss-modifier-block .banner.banner-right .banner-wrapper h2,
.kss-modifier-block .banner.banner-right .banner-wrapper h3,
.kss-modifier-example .banner.banner-right .banner-wrapper h1,
.kss-modifier-example .banner.banner-right .banner-wrapper h2,
.kss-modifier-example .banner.banner-right .banner-wrapper h3 {
  margin-top: 1em
}

.kss-modifier-block .notch-bottom-center,
.kss-modifier-block .notch-bottom-right,
.kss-modifier-block .notch-bottom-left,
.kss-modifier-block .notch-bottom-center-small,
.kss-modifier-block .notch-bottom-right-small,
.kss-modifier-block .notch-bottom-left-small,
.kss-modifier-example .notch-bottom-center,
.kss-modifier-example .notch-bottom-right,
.kss-modifier-example .notch-bottom-left,
.kss-modifier-example .notch-bottom-center-small,
.kss-modifier-example .notch-bottom-right-small,
.kss-modifier-example .notch-bottom-left-small {
  margin-top: 0.25em;
  top: auto;
  bottom: -9px
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #212121
}

h1 {
  font-size: 175%;
  text-transform: none;
  margin: 0 0 1em 0
}

h2 {
  font-size: 137.5%;
  line-height: 125%;
  text-transform: none;
  font-family: "Flexo-Medium", arial, sans-serif;
  margin: 0.75em 0
}

body.ru h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

h3,
h4,
h5,
h6 {
  font-size: 125%;
  line-height: 125%;
  text-transform: none;
  margin: 0.5em 0;
  font-family: "Flexo-Medium", arial, sans-serif
}

body.ru h3,
body.ru h4,
body.ru h5,
body.ru h6 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

p {
  color: #919191;
  font-family: "Roboto", arial, sans-serif;
  font-size: 100%;
  font-weight: 500;
  line-height: 125%;
  margin: 0.5em 0
}

.color-block h1,
.color-block-quicklink h1,
.banner h1,
.banner-quicklink h1,
.base-banner h1,
.news-article h1,
.color-block h2,
.color-block-quicklink h2,
.banner h2,
.banner-quicklink h2,
.base-banner h2,
.news-article h2,
.color-block h3,
.color-block-quicklink h3,
.banner h3,
.banner-quicklink h3,
.base-banner h3,
.news-article h3 {
  font-family: "Flexo-Medium", arial, sans-serif;
  margin: 0.75em 0.5em 0 1em
}

body.ru .color-block h1,
body.ru .color-block-quicklink h1,
body.ru .banner h1,
body.ru .banner-quicklink h1,
body.ru .base-banner h1,
body.ru .news-article h1,
body.ru .color-block h2,
body.ru .color-block-quicklink h2,
body.ru .banner h2,
body.ru .banner-quicklink h2,
body.ru .base-banner h2,
body.ru .news-article h2,
body.ru .color-block h3,
body.ru .color-block-quicklink h3,
body.ru .banner h3,
body.ru .banner-quicklink h3,
body.ru .base-banner h3,
body.ru .news-article h3 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

.color-block h1:first-child:last-child,
.color-block-quicklink h1:first-child:last-child,
.banner h1:first-child:last-child,
.banner-quicklink h1:first-child:last-child,
.base-banner h1:first-child:last-child,
.news-article h1:first-child:last-child,
.color-block h2:first-child:last-child,
.color-block-quicklink h2:first-child:last-child,
.banner h2:first-child:last-child,
.banner-quicklink h2:first-child:last-child,
.base-banner h2:first-child:last-child,
.news-article h2:first-child:last-child,
.color-block h3:first-child:last-child,
.color-block-quicklink h3:first-child:last-child,
.banner h3:first-child:last-child,
.banner-quicklink h3:first-child:last-child,
.base-banner h3:first-child:last-child,
.news-article h3:first-child:last-child {
  margin-bottom: 0.75em
}

.color-block p,
.color-block-quicklink p,
.banner p,
.banner-quicklink p,
.base-banner p,
.news-article p,
.color-block a,
.color-block-quicklink a,
.banner a,
.banner-quicklink a,
.base-banner a,
.news-article a {
  margin: 0.5em 0.5em 0 1em
}

.color-block p:last-child,
.color-block-quicklink p:last-child,
.banner p:last-child,
.banner-quicklink p:last-child,
.base-banner p:last-child,
.news-article p:last-child,
.color-block a:last-child,
.color-block-quicklink a:last-child,
.banner a:last-child,
.banner-quicklink a:last-child,
.base-banner a:last-child,
.news-article a:last-child {
  margin-bottom: 0.75em
}

.color-block p:first-child:last-child,
.color-block-quicklink p:first-child:last-child,
.banner p:first-child:last-child,
.banner-quicklink p:first-child:last-child,
.base-banner p:first-child:last-child,
.news-article p:first-child:last-child,
.color-block a:first-child:last-child,
.color-block-quicklink a:first-child:last-child,
.banner a:first-child:last-child,
.banner-quicklink a:first-child:last-child,
.base-banner a:first-child:last-child,
.news-article a:first-child:last-child {
  margin-bottom: 0.5em
}

.color-block h1,
.color-block-quicklink h1,
.banner h1,
.banner-quicklink h1,
.base-banner h1,
.news-article h1 {
  font-size: 175%;
  margin-top: 0.5em;
  text-transform: none
}

.color-block h2,
.color-block-quicklink h2,
.banner h2,
.banner-quicklink h2,
.base-banner h2,
.news-article h2 {
  font-size: 137.5%;
  line-height: 125%;
  text-transform: none;
  font-family: "Flexo-Medium", arial, sans-serif
}

body.ru .color-block h2,
body.ru .color-block-quicklink h2,
body.ru .banner h2,
body.ru .banner-quicklink h2,
body.ru .base-banner h2,
body.ru .news-article h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

.color-block h3,
.color-block-quicklink h3,
.banner h3,
.banner-quicklink h3,
.base-banner h3,
.news-article h3 {
  font-size: 137.5%;
  line-height: 125%;
  text-transform: none;
  font-family: "Flexo-Medium", arial, sans-serif
}

body.ru .color-block h3,
body.ru .color-block-quicklink h3,
body.ru .banner h3,
body.ru .banner-quicklink h3,
body.ru .base-banner h3,
body.ru .news-article h3 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

.color-block p,
.color-block-quicklink p,
.banner p,
.banner-quicklink p,
.base-banner p,
.news-article p {
  font-family: "Roboto", arial, sans-serif;
  font-size: 100%;
  font-weight: 500;
  line-height: 125%;
  margin-left: 1.25em
}

.color-block a,
.color-block-quicklink a,
.banner a,
.banner-quicklink a,
.base-banner a,
.news-article a {
  font-size: 112.5%;
  line-height: 112.5%;
  font-family: "Flexo-Medium", arial, sans-serif
}

body.ru .color-block a,
body.ru .color-block-quicklink a,
body.ru .banner a,
body.ru .banner-quicklink a,
body.ru .base-banner a,
body.ru .news-article a {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

.content-block {
  float: left;
  margin: 1em 0 0 0;
  position: relative
}

.content-block img {
  border-radius: 5px 5px 0 0;
  float: left;
  width: 100%
}

html.nintendo .content-block img {
  border-radius: 0
}

.hover.content-block {
  border-radius: 5px;
  margin: 0;
  padding: 0;
  width: 100%
}

html.nintendo .hover.content-block {
  border-radius: 0
}

.mosaic .content-block {
  opacity: 0
}

html.nintendo .mosaic .content-block {
  opacity: 1
}

.content-block span.video-play-button {
  background: transparent url("../img/chrome/video-play-button.png") no-repeat 0 0;
  display: block;
  height: 120px;
  left: -60px;
  margin: 16.5% 50%;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 0;
  width: 120px;
  z-index: 2;
  background-size: 100%
}

.content-block span.video-play-button-small {
  width: 60px;
  height: 60px;
  left: -30px
}

.content-block .animation-tile-wrapper {
  overflow: hidden;
  position: relative;
  height: 0
}

.content-block .animation-tile-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  width: 0;
  height: 100%;
  overflow: hidden
}

.content-block-quicklink {
  float: left;
  margin: 1em 0 0 0;
  position: relative
}

.content-block-quicklink.hover {
  border-radius: 5px;
  margin: 0;
  padding: 0;
  width: 100%
}

html.nintendo .content-block-quicklink.hover {
  border-radius: 0
}

.content-block-quicklink.no-margin {
  margin: 0
}

.content-block.no-margin {
  margin: 0
}

.content-hero .content-hero-wrapper {
  float: left;
  position: relative;
  width: 100%
}

.content-hero .wrapper {
  bottom: 0;
  display: block;
  position: absolute;
  left: auto;
  right: 0
}

.content-hero .wrapper img {
  border-radius: 0;
  height: 60px;
  width: 42px
}

.content-hero .wrapper img.RP,
.content-hero .wrapper img.ESRB-no-descriptor {
  height: 60px;
  width: 42px
}

.content-hero .wrapper img.ESRB {
  height: 73px;
  width: 148px
}

.content-hero .wrapper img.PEGI {
  height: 80px;
  width: 65px
}

.content-hero .wrapper img.USK {
  height: 80px;
  width: 80px
}

.content-hero.content-rating .content-hero-wrapper+.banner {
  position: relative
}

.content-hero.content-rating .content-hero-wrapper+.banner h1,
.content-hero.content-rating .content-hero-wrapper+.banner h2,
.content-hero.content-rating .content-hero-wrapper+.banner p {
  clear: both;
  float: left;
  max-width: 68%
}

img.banner-hero-image {
  border-radius: 0;
  width: 100%
}

.content-block-full {
  clear: both;
  display: block;
  width: 100%
}

.content-block-half {
  width: 48.4375%
}

.content-block-half-first {
  margin-right: 3.125%;
  width: 48.4375%
}

.page-main-title,
.section-title {
  color: #919191;
  cursor: default;
  font-size: 187.5%;
  line-height: 125%;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .page-main-title,
body.ru .section-title {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.page-main-title {
  margin: 0;
  margin-left: 7.2525%;
  color: #212121;
  font-size: 175%
}

@media (min-width: 1px) and (max-width: 460px) {
  .page-main-title {
    margin: 1em 0 0 0;
    text-align: center
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .page-main-title {
    margin: 1em 0 0 0;
    text-align: center
  }
}

.section-title {
  margin: 0.5em 0
}

.section-title.no-margin {
  margin-top: 0;
  margin-bottom: 0
}

.section-title.no-padding {
  padding: 0
}

.section-title span.icon,
.section-title span.arrow-right.button:after,
.section-title body.custom-form-elements label.radio-as-toggle-button input+span.arrow-right:after,
body.custom-form-elements label.radio-as-toggle-button .section-title input+span.arrow-right:after,
.section-title span.arrow-left.button:before,
.section-title body.custom-form-elements label.radio-as-toggle-button input+span.arrow-left:before,
body.custom-form-elements label.radio-as-toggle-button .section-title input+span.arrow-left:before,
.section-title span#back-to-top:before {
  color: #e6bc2f;
  font-size: 38px;
  padding-right: 15px
}

.avatar-builder-header .section-title span.icon,
.avatar-builder-header .section-title span.arrow-right.button:after,
.avatar-builder-header .section-title body.custom-form-elements label.radio-as-toggle-button input+span.arrow-right:after,
body.custom-form-elements label.radio-as-toggle-button .avatar-builder-header .section-title input+span.arrow-right:after,
.avatar-builder-header .section-title span.arrow-left.button:before,
.avatar-builder-header .section-title body.custom-form-elements label.radio-as-toggle-button input+span.arrow-left:before,
body.custom-form-elements label.radio-as-toggle-button .avatar-builder-header .section-title input+span.arrow-left:before,
.avatar-builder-header .section-title span#back-to-top:before {
  color: #ee6b2f
}

.color-block,
.color-block-quicklink,
.banner,
.banner-quicklink,
.base-banner {
  float: left;
  width: 100%
}

.color-block,
.color-block-quicklink {
  border-radius: 5px 5px 0 0
}

html.nintendo .color-block,
html.nintendo .color-block-quicklink {
  border-radius: 0
}

.color-block h3,
.color-block-quicklink h3 {
  padding-bottom: 4em
}

@media (min-width: 1px) and (max-width: 460px) {

  .content-block,
  .content-block.no-margin {
    float: left;
    margin-right: -100%;
    width: 89.12%;
    margin-left: 5.4425%
  }

  .content-hero {
    margin-left: 0;
    width: 100%
  }

  .content-block-half,
  .content-block-half-first {
    clear: both;
    margin-top: 1em
  }

  .section-title.no-margin {
    margin-top: 0.5em;
    margin-left: 0.5em
  }
}

@media (min-width: 461px) and (max-width: 960px) {

  .content-block,
  .content-block.no-margin {
    float: left;
    margin-right: -100%;
    width: 89.12%;
    margin-left: 5.4425%
  }

  .content-hero {
    margin-left: 0;
    width: 100%
  }

  .content-block-half,
  .content-block-half-first {
    clear: both;
    margin-top: 1em
  }

  .section-title.no-margin {
    margin-top: 0.5em;
    margin-left: 0.5em
  }
}

.banner,
.banner-quicklink,
.base-banner {
  border-radius: 5px;
  float: left;
  padding-bottom: 0.5em;
  width: 100%
}

html.nintendo .banner,
html.nintendo .banner-quicklink,
html.nintendo .base-banner {
  border-radius: 0
}

.banner .banner-wrapper,
.banner-quicklink .banner-wrapper,
.base-banner .banner-wrapper {
  float: left
}

.banner .notch-bottom-center,
.banner-quicklink .notch-bottom-center,
.base-banner .notch-bottom-center {
  bottom: -10px;
  top: auto
}

.banner a,
.banner-quicklink a {
  display: block;
  text-align: center
}

.base-banner a.no-margin {
  margin: 0
}

.content-hero .banner,
.banner:nth-child(2),
.content-hero .banner-quicklink,
.banner-quicklink:nth-child(2) {
  border-radius: 0 0 5px 5px
}

html.nintendo .content-hero .banner,
html.nintendo .banner:nth-child(2),
html.nintendo .content-hero .banner-quicklink,
html.nintendo .banner-quicklink:nth-child(2) {
  border-radius: 0
}

.banner:nth-child(3),
.banner-quicklink:nth-child(3) {
  border-radius: 0 0 5px 5px
}

html.nintendo .banner:nth-child(3),
html.nintendo .banner-quicklink:nth-child(3) {
  border-radius: 0
}

.banner.banner-white,
.banner-quicklink.banner-white {
  border-radius: 0
}

.banner .disclaimer,
.banner-quicklink .disclaimer {
  color: #919191;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 400;
  font-size: 85%;
  line-height: 120%;
  margin: 0.5em;
  word-spacing: 1px
}

.banner-quicklink li {
  border-bottom: solid 2px #adadad;
  position: relative;
  padding: 0
}

.banner-quicklink li a:first-child:last-child {
  color: #363226;
  margin: 0;
  padding: 0.5em 1em 0.5em 0.5em
}

.banner-quicklink li a:first-child:last-child:hover {
  background-color: #3399fe;
  color: #fff
}

.banner-quicklink li a:after {
  content: "\f105";
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 80%
}

body.de .banner-white {
  width: 90%
}

body.de .template-f .banner-white {
  width: 75%
}

.banner.banner-left,
.banner.banner-right {
  border-radius: 5px;
  padding-bottom: 0
}

html.nintendo .banner.banner-left,
html.nintendo .banner.banner-right {
  border-radius: 0
}

.banner.banner-left .banner-wrapper,
.banner.banner-right .banner-wrapper {
  width: 60%;
  position: relative
}

.banner.banner-left img,
.banner.banner-right img {
  border-radius: 5px 0 0 5px;
  width: 40%;
  margin-bottom: 0;
  max-width: 132px
}

html.nintendo .banner.banner-left img,
html.nintendo .banner.banner-right img {
  border-radius: 0
}

.banner.banner-left img {
  border-radius: 0 5px 5px 0;
  float: right
}

html.nintendo .banner.banner-left img {
  border-radius: 0
}

.banner.banner-center img {
  display: inherit;
  width: auto
}

.new-release {
  background: #fff;
  text-align: right;
  padding: 0.5em 0 0.5em 1em;
  position: absolute
}

.new-release h4 {
  font-family: "Flexo-Medium", arial, sans-serif;
  color: #919191;
  font-size: 112.5%;
  letter-spacing: 1px;
  margin-top: -3px;
  margin-bottom: 3px;
  text-transform: none
}

body.ru .new-release h4 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

.banner-left-bottom {
  border-top-right-radius: 5px !important;
  bottom: -1px;
  left: -1px
}

.banner-left-top {
  border-bottom-right-radius: 5px !important;
  left: -1px;
  top: -1px
}

.banner-right-top {
  border-bottom-left-radius: 5px !important;
  right: -1px;
  top: -1px
}

.banner-right-bottom {
  border-top-left-radius: 5px !important;
  bottom: -1px;
  right: -1px
}

.banner-green#pokedex-search-banner {
  -webkit-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  background-color: #4dad5b
}

.banner-green#pokedex-search-banner:hover {
  -webkit-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  background-color: #4dad5b
}

.notch,
.notch-left-center,
.notch-left-outer,
.notch-left-center-small,
.notch-right-outer,
.notch-bottom-center,
.notch-bottom-center-small,
.notch-top-center,
.notch-top-center-large,
.notch-top-right,
.notch-bottom-left,
.notch-bottom-left-small,
.notch-bottom-left-half,
.notch-bottom-right-big,
.notch-bottom-right,
.notch-bottom-right-small,
.pokemon-character-slider-title .notch-left-top-outer {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #fff;
  float: left;
  height: 8px;
  margin: -6px 0 0 0;
  position: relative;
  width: 60%
}

.notch:before,
.notch-left-center:before,
.notch-left-outer:before,
.notch-left-center-small:before,
.notch-right-outer:before,
.notch-bottom-center:before,
.notch-bottom-center-small:before,
.notch-top-center:before,
.notch-top-center-large:before,
.notch-top-right:before,
.notch-bottom-left:before,
.notch-bottom-left-small:before,
.notch-bottom-left-half:before,
.notch-bottom-right-big:before,
.notch-bottom-right:before,
.notch-bottom-right-small:before,
.pokemon-character-slider-title .notch-left-top-outer:before,
.notch:after,
.notch-left-center:after,
.notch-left-outer:after,
.notch-left-center-small:after,
.notch-right-outer:after,
.notch-bottom-center:after,
.notch-bottom-center-small:after,
.notch-top-center:after,
.notch-top-center-large:after,
.notch-top-right:after,
.notch-bottom-left:after,
.notch-bottom-left-small:after,
.notch-bottom-left-half:after,
.notch-bottom-right-big:after,
.notch-bottom-right:after,
.notch-bottom-right-small:after,
.pokemon-character-slider-title .notch-left-top-outer:after {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0;
  content: ' ';
  height: 8px;
  position: absolute;
  width: 12px
}

.notch:before,
.notch-left-center:before,
.notch-left-outer:before,
.notch-left-center-small:before,
.notch-right-outer:before,
.notch-bottom-center:before,
.notch-bottom-center-small:before,
.notch-top-center:before,
.notch-top-center-large:before,
.notch-top-right:before,
.notch-bottom-left:before,
.notch-bottom-left-small:before,
.notch-bottom-left-half:before,
.notch-bottom-right-big:before,
.notch-bottom-right:before,
.notch-bottom-right-small:before,
.pokemon-character-slider-title .notch-left-top-outer:before {
  left: -10px;
  background: transparent url("../img/chrome/notches/left-notch-bottom-right.png") no-repeat;
  background-size: 12px 8px
}

.notch:after,
.notch-left-center:after,
.notch-left-outer:after,
.notch-left-center-small:after,
.notch-right-outer:after,
.notch-bottom-center:after,
.notch-bottom-center-small:after,
.notch-top-center:after,
.notch-top-center-large:after,
.notch-top-right:after,
.notch-bottom-left:after,
.notch-bottom-left-small:after,
.notch-bottom-left-half:after,
.notch-bottom-right-big:after,
.notch-bottom-right:after,
.notch-bottom-right-small:after,
.pokemon-character-slider-title .notch-left-top-outer:after {
  right: -10px;
  background: transparent url("../img/chrome/notches/right-notch-bottom-right.png") no-repeat;
  background-size: 12px 8px
}

.notch {
  height: 6px;
  margin: 0
}

.notch:before {
  background: transparent url("../img/chrome/notches/right-notch-bottom-right.png") no-repeat;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: -2px
}

.notch:after {
  background: transparent url("../img/chrome/notches/left-notch-bottom-right.png") no-repeat;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: -2px
}

.notch-left-center {
  height: 140px;
  left: 0px;
  position: absolute;
  top: 137px;
  width: 8px;
  z-index: 5
}

.notch-left-center:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  left: -2px;
  top: -10px
}

.notch-left-center:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  left: -2px;
  top: 142px
}

.notch-left-outer {
  height: 60%;
  left: -7px;
  position: absolute;
  bottom: 0;
  width: 8px
}

.notch-left-outer:before {
  display: none
}

.notch-left-outer:after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: -2px;
  top: -9px
}

.notch-left-center-small {
  height: 30%;
  left: 0px;
  position: absolute;
  top: 45%;
  width: 7px;
  z-index: 2
}

.notch-left-center-small:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  top: -10px;
  left: -3px
}

.notch-left-center-small:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 104%;
  left: -3px
}

.notch-left-top-outer {
  display: none
}

.notch-left-top-outer:before {
  display: none
}

.notch-left-top-outer:after {
  display: none
}

.notch-right-outer {
  height: 60%;
  right: -8px;
  position: absolute;
  bottom: 0;
  width: 8px
}

.notch-right-outer:before {
  display: none
}

.notch-right-outer:after {
  left: -3px;
  top: -8px
}

.notch-bottom-center {
  margin-left: 25%;
  width: 50%
}

.notch-bottom-center-small {
  margin-left: 20%;
  width: 30%
}

.notch-top-center {
  margin-left: 25%;
  width: 50%;
  top: 6px
}

.notch-top-center:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  left: auto;
  right: -10px
}

.notch-top-center:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  left: -10px;
  right: auto
}

.notch-top-center-large {
  margin-left: 12.5%;
  width: 75%;
  top: 6px
}

.notch-top-center-large:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  left: auto;
  right: -10px
}

.notch-top-center-large:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  left: -10px;
  right: auto
}

.notch-top-center-gray {
  background: #525252;
  height: 5px;
  left: 0;
  margin: 0 40%;
  position: absolute;
  top: 0;
  width: 20%
}

.notch-top-center-gray:before,
.notch-top-center-gray:after {
  top: 0;
  content: ' ';
  height: 5px;
  position: absolute;
  width: 8px
}

.notch-top-center-gray:before {
  left: -8px;
  background: transparent url("../img/chrome/notches/gray-notch-left.png") no-repeat;
  background-size: 8px 5px
}

.notch-top-center-gray:after {
  right: -8px;
  background: transparent url("../img/chrome/notches/gray-notch-right.png") no-repeat;
  background-size: 8px 5px
}

.notch-top-left-black {
  background: #313131;
  height: 12px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 50%
}

.notch-top-left-black:before,
.notch-top-left-black:after {
  top: 0;
  content: ' ';
  height: 12px;
  position: absolute;
  width: 24px
}

.notch-top-left-black:before {
  content: none
}

.notch-top-left-black:after {
  right: -24px;
  background: transparent url("../img/chrome/notches/black-notch-top-right.png") no-repeat;
  background-size: 24px 12px
}

.notch-top-right {
  margin-left: 62.5%;
  margin-top: -8px;
  width: 25%;
  top: 8px
}

.notch-top-right:before {
  background-image: url("../img/chrome/notches/notch-top-left.png")
}

.notch-top-right:after {
  background-image: url("../img/chrome/notches/notch-top-right.png")
}

.notch-bottom-center-small {
  margin-left: 37.5%;
  width: 25%
}

.notch-bottom-left {
  margin-left: 40%;
  width: 60%;
  border-bottom: 2px solid #fff
}

.notch-bottom-left:before,
.notch-bottom-left:after {
  border-bottom: 2px solid #fff
}

.notch-bottom-left-small {
  margin-left: 12.5%;
  width: 20%
}

.notch-bottom-left-half {
  margin-left: 50%;
  width: 50%
}

.notch-bottom-right-big {
  width: 75%;
  bottom: 0;
  right: 0;
  position: absolute
}

.notch-bottom-right {
  border-bottom: 2px solid #fff
}

.notch-bottom-right:before,
.notch-bottom-right:after {
  border-bottom: 2px solid #fff
}

.notch-bottom-right-small {
  margin-left: 57.5%;
  width: 30%
}

.dog-ear-tl:before {
  content: ' ';
  background: url("../img/chrome/dog-ears/default-dog-ear.png") no-repeat 0 0;
  height: 2em;
  position: absolute;
  width: 2em;
  z-index: 3;
  left: -1px;
  top: -1px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden
}

.dog-ear-tr:before {
  content: ' ';
  background: url("../img/chrome/dog-ears/default-dog-ear.png") no-repeat 0 0;
  height: 2em;
  position: absolute;
  width: 2em;
  z-index: 3;
  right: -1px;
  top: -1px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden
}

.dog-ear-bl:before {
  content: ' ';
  background: url("../img/chrome/dog-ears/default-dog-ear.png") no-repeat 0 0;
  height: 2em;
  position: absolute;
  width: 2em;
  z-index: 3;
  left: -1px;
  bottom: -1px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden
}

.dog-ear-br:before {
  content: ' ';
  background: url("../img/chrome/dog-ears/default-dog-ear.png") no-repeat 0 0;
  height: 2em;
  position: absolute;
  width: 2em;
  z-index: 3;
  right: -1px;
  bottom: -1px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden
}

.dog-ear-tl-dashboard:before {
  content: ' ';
  background: url("../img/chrome/dog-ears/dog-ear-dashboard.png") no-repeat 0 0;
  height: 2em;
  position: absolute;
  width: 2em;
  z-index: 3;
  left: -1px;
  top: -1px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden
}

.dog-ear-tr-dashboard:before {
  content: ' ';
  background: url("../img/chrome/dog-ears/dog-ear-dashboard.png") no-repeat 0 0;
  height: 2em;
  position: absolute;
  width: 2em;
  z-index: 3;
  right: -1px;
  top: -1px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden
}

.dog-ear-bl-dashboard:before {
  content: ' ';
  background: url("../img/chrome/dog-ears/dog-ear-dashboard.png") no-repeat 0 0;
  height: 2em;
  position: absolute;
  width: 2em;
  z-index: 3;
  left: -1px;
  bottom: -1px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden
}

.dog-ear-br-dashboard:before {
  content: ' ';
  background: url("../img/chrome/dog-ears/dog-ear-dashboard.png") no-repeat 0 0;
  height: 2em;
  position: absolute;
  width: 2em;
  z-index: 3;
  right: -1px;
  bottom: -1px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden
}

@media (min-width: 1px) and (max-width: 460px) {

  .dog-ear-br:before,
  .dog-ear-tl:before {
    background: none
  }
}

@media (min-width: 461px) and (max-width: 960px) {

  .dog-ear-br:before,
  .dog-ear-tl:before {
    background: none
  }
}

.button,
body.custom-form-elements label.radio-as-toggle-button input+span {
  background-color: #ccc;
  border-radius: 5px;
  border: none;
  clear: both;
  color: #212121;
  cursor: pointer;
  font-size: 105%;
  float: left;
  line-height: 125%;
  margin: 1.5625%;
  padding: 0.75em 1.25em 0.675em;
  vertical-align: middle;
  text-align: center;
  text-transform: none;
  font-family: "Flexo-Demi", arial, sans-serif
}

html.nintendo .button,
html.nintendo body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button html.nintendo input+span {
  border-radius: 0
}

body.ru .button,
body.ru body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button body.ru input+span {
  font-family: "Roboto", arial, sans-serif;
  font-weight: bold
}

.button i,
body.custom-form-elements label.radio-as-toggle-button input+span i,
.button:after,
body.custom-form-elements label.radio-as-toggle-button input+span:after,
.button:before,
body.custom-form-elements label.radio-as-toggle-button input+span:before {
  line-height: 100%;
  position: relative;
  top: -2px
}

.button-short.button,
body.custom-form-elements label.radio-as-toggle-button input+span.button-short {
  padding: 0.5em 0.75em
}

.button-inline.button,
body.custom-form-elements label.radio-as-toggle-button input+span.button-inline {
  clear: none;
  clear: none
}

.button-inline.right.button:not(:first-of-type),
body.custom-form-elements label.radio-as-toggle-button input+span.button-inline.right:not(:first-of-type) {
  margin-right: 0.5em
}

.button-inline.left.button:not(:first-of-type),
body.custom-form-elements label.radio-as-toggle-button input+span.button-inline.left:not(:first-of-type) {
  margin-right: 0.5em
}

.button:hover,
body.custom-form-elements label.radio-as-toggle-button input+span:hover {
  -webkit-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  text-decoration: none
}

.right.button,
body.custom-form-elements label.radio-as-toggle-button input+span.right {
  margin-right: 0
}

@media (min-width: 1px) and (max-width: 460px) {

  .right.button,
  body.custom-form-elements label.radio-as-toggle-button input+span.right {
    float: left;
    margin: 0 1.5625%;
    padding: 0.75em 0 0.675em;
    width: 96.875%
  }
}

.left.button,
body.custom-form-elements label.radio-as-toggle-button input+span.left {
  margin-left: 0
}

@media (min-width: 1px) and (max-width: 460px) {

  .left.button,
  body.custom-form-elements label.radio-as-toggle-button input+span.left {
    float: left;
    margin: 0 1.5625%;
    padding: 0.75em 0 0.675em;
    width: 96.875%
  }
}

.no-margin.button,
body.custom-form-elements label.radio-as-toggle-button input+span.no-margin {
  margin: 0
}

.no-arrow.button:after,
body.custom-form-elements label.radio-as-toggle-button input+span:after {
  content: none
}

.arrow-right.button:after,
body.custom-form-elements label.radio-as-toggle-button input+span.arrow-right:after {
  font-size: 60%;
  font-weight: bold;
  line-height: 100%;
  margin-left: 1em;
  vertical-align: middle
}

.arrow-left.button:before,
body.custom-form-elements label.radio-as-toggle-button input+span.arrow-left:before {
  font-size: 60%;
  line-height: 100%;
  margin-right: 1em;
  vertical-align: middle
}

.arrow-left.button:after,
body.custom-form-elements label.radio-as-toggle-button input+span.arrow-left:after {
  content: none
}

.button .title,
body.custom-form-elements label.radio-as-toggle-button input+span .title {
  font-size: 125%
}

.button .uppercase,
body.custom-form-elements label.radio-as-toggle-button input+span .uppercase {
  clear: both;
  display: block;
  float: left;
  font-size: 75%;
  line-height: 100%;
  text-transform: uppercase;
  width: 100%
}

.disabled.button,
body.custom-form-elements label.radio-as-toggle-button input+span.disabled {
  background-color: #616161;
  opacity: 0.2;
  cursor: default
}

.disabled.button:hover,
body.custom-form-elements label.radio-as-toggle-button input+span.disabled:hover {
  background-color: #616161;
  opacity: 0.2;
  cursor: default
}

html.nintendo .button:after,
html.nintendo body.custom-form-elements label.radio-as-toggle-button input+span:after,
body.custom-form-elements label.radio-as-toggle-button html.nintendo input+span:after,
html.nintendo .button:before,
html.nintendo body.custom-form-elements label.radio-as-toggle-button input+span:before,
body.custom-form-elements label.radio-as-toggle-button html.nintendo input+span:before {
  content: none !important;
  display: none !important
}

.button.right,
body.custom-form-elements label.radio-as-toggle-button input+span.right {
  float: right
}

.category-tags {
  background-color: #616161;
  border-radius: 0 5px 5px 0;
  clear: both;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  font-size: 85%;
  height: 32px;
  line-height: 32px;
  margin: 0 0.5em 0.5em 0.5em;
  padding: 0 1.25em;
  position: relative;
  text-align: center;
  width: auto;
  font-family: "Flexo-Medium", arial, sans-serif
}

html.nintendo .category-tags {
  border-radius: 0
}

body.ru .category-tags {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

.category-tags:before {
  content: "";
  float: left;
  height: 0;
  left: -16px;
  position: absolute;
  top: 0;
  width: 0;
  border-color: transparent #616161 transparent transparent;
  border-style: solid;
  border-width: 16px 16px 16px 0
}

.category-tags a {
  color: #fff;
  font-size: 100%
}

.block-button {
  display: block;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 100%
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  zoom: 1
}

.nav:before,
.nav:after {
  content: "";
  display: table
}

.nav:after {
  clear: both
}

.nav>li {
  position: relative;
  display: block
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px
}

.nav>li.disabled>a {
  color: #a4a4a4
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
  color: #a4a4a4;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color: #F2F2F2;
  border-color: #a4a4a4
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.nav>li>a>img {
  max-width: none
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
  display: table;
  table-layout: fixed;
  width: 100%
}

.nav-tabs>li {
  display: table-cell;
  float: none;
  width: 100%;
  text-align: center;
  margin-bottom: -1px;
  background-color: #313131;
  border-right: 3px solid white
}

.nav-tabs>li>a {
  font-family: "Flexo-Medium", arial, sans-serif;
  color: #fff;
  display: inline-block;
  font-size: 112.5%;
  margin: 0.6em 0 0.4em;
  position: relative;
  text-transform: none
}

body.ru .nav-tabs>li>a {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

.nav-tabs>li.active,
html.no-touch .nav-tabs>li:hover,
html.no-touch .nav-tabs>li:focus {
  background-color: #30a7d7;
  border-bottom-color: transparent;
  cursor: default
}

html.no-touch .nav-tabs>li:hover,
.nav-tabs>li.hover {
  background-color: #616161;
  -webkit-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear
}

.nav-tabs>li:first-child {
  border-radius: 5px 0 0 0
}

html.nintendo .nav-tabs>li:first-child {
  border-radius: 0
}

.nav-tabs>li:last-child {
  border-radius: 0 5px 0 0;
  border-right: none
}

html.nintendo .nav-tabs>li:last-child {
  border-radius: 0
}

.nav-pills>li {
  float: left
}

.nav-pills>li>a {
  border-radius: 5px
}

.nav-pills>li+li {
  margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  color: "color-text";
  background-color: #F2F2F2
}

.nav-stacked>li {
  float: none
}

.nav-stacked>li+li {
  margin-top: 2px;
  margin-left: 0
}

.nav-justified,
.nav-tabs.nav-justified {
  width: 100%
}

.nav-justified>li,
.nav-tabs.nav-justified>li {
  float: none
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
  text-align: center;
  margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto
}

@media (min-width: 961px) {

  .nav-justified>li,
  .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%
  }

  .nav-justified>li>a,
  .nav-tabs.nav-justified>li>a {
    margin-bottom: 0
  }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
  border-bottom: 0
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
  margin-right: 0;
  border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:focus {
  border: 1px solid #ddd
}

@media (min-width: 961px) {

  .nav-tabs-justified>li>a,
  .nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0
  }

  .nav-tabs-justified>.active>a,
  .nav-tabs.nav-justified>.active>a,
  .nav-tabs-justified>.active>a:hover,
  .nav-tabs.nav-justified>.active>a:hover,
  .nav-tabs-justified>.active>a:focus,
  .nav-tabs.nav-justified>.active>a:focus {
    border-bottom-color: #fff
  }
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.undertabs,
.tabpanel {
  border-radius: 0 0 5px 5px;
  background: #d3d3d3;
  clear: both;
  display: block;
  float: left;
  margin-top: .78125%;
  margin-bottom: 1em;
  width: 100%
}

html.nintendo .undertabs,
html.nintendo .tabpanel {
  border-radius: 0
}

.undertabs>.button,
body.custom-form-elements label.radio-as-toggle-button .undertabs>input+span,
.tabpanel>.button,
body.custom-form-elements label.radio-as-toggle-button .tabpanel>input+span {
  margin-top: 1em;
  clear: none
}

.tabpanel {
  background: #f2f2f2;
  color: #212121;
  padding: 1em;
  width: 100%;
  box-sizing: border-box
}

.tabpanel p {
  color: #212121
}

.tabpanel fieldset {
  background: #f2f2f2
}

.tabpanel-actions input[type="submit"],
.tabpanel-actions a {
  margin-top: 0 !important
}

body.custom-form-elements input[type="submit"] {
  font-family: "Flexo-Medium", arial, sans-serif;
  font-family: "Roboto", arial, sans-serif
}

body.ru body.custom-form-elements input[type="submit"] {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

body.custom-form-elements input[type="text"],
body.custom-form-elements input[type="password"],
body.custom-form-elements input[type="email"],
body.custom-form-elements input[type="date"],
body.custom-form-elements input[type="number"],
body.custom-form-elements select,
body.custom-form-elements textarea,
body.custom-form-elements .custom-select-wrapper label {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Flexo-Medium", arial, sans-serif;
  background-color: #313131;
  border: none;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 100%;
  font-family: "Roboto", arial, sans-serif;
  line-height: 1.5;
  padding: 0.5em 0;
  text-indent: 0.5em;
  width: 100%;
  height: auto
}

body.custom-form-elements input[type="text"].hidden,
body.custom-form-elements input[type="password"].hidden,
body.custom-form-elements input[type="email"].hidden,
body.custom-form-elements input[type="date"].hidden,
body.custom-form-elements input[type="number"].hidden,
body.custom-form-elements select.hidden,
body.custom-form-elements textarea.hidden,
body.custom-form-elements .custom-select-wrapper label.hidden {
  display: none
}

body.ru body.custom-form-elements input[type="text"],
body.ru body.custom-form-elements input[type="password"],
body.ru body.custom-form-elements input[type="email"],
body.ru body.custom-form-elements input[type="date"],
body.ru body.custom-form-elements input[type="number"],
body.ru body.custom-form-elements select,
body.ru body.custom-form-elements textarea,
body.ru body.custom-form-elements .custom-select-wrapper label {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

html.nintendo body.custom-form-elements input[type="text"],
html.nintendo body.custom-form-elements input[type="password"],
html.nintendo body.custom-form-elements input[type="email"],
html.nintendo body.custom-form-elements input[type="date"],
html.nintendo body.custom-form-elements input[type="number"],
html.nintendo body.custom-form-elements select,
html.nintendo body.custom-form-elements textarea,
html.nintendo body.custom-form-elements .custom-select-wrapper label {
  border-radius: 0
}

body.custom-form-elements input[type="text"].alert-error,
body.custom-form-elements input[type="password"].alert-error,
body.custom-form-elements input[type="email"].alert-error,
body.custom-form-elements input[type="date"].alert-error,
body.custom-form-elements input[type="number"].alert-error,
body.custom-form-elements select.alert-error,
body.custom-form-elements textarea.alert-error,
body.custom-form-elements .custom-select-wrapper label.alert-error {
  border: 2px solid #E3350D
}

body.custom-form-elements input[type="text"] label.styled-select,
body.custom-form-elements input[type="password"] label.styled-select,
body.custom-form-elements input[type="email"] label.styled-select,
body.custom-form-elements input[type="date"] label.styled-select,
body.custom-form-elements input[type="number"] label.styled-select,
body.custom-form-elements select label.styled-select,
body.custom-form-elements textarea label.styled-select,
body.custom-form-elements .custom-select-wrapper label label.styled-select {
  font-size: 120%
}

body.custom-form-elements input[type="text"][readonly],
body.custom-form-elements input[type="password"][readonly],
body.custom-form-elements input[type="email"][readonly],
body.custom-form-elements input[type="date"][readonly],
body.custom-form-elements input[type="number"][readonly],
body.custom-form-elements input[readonly],
body.custom-form-elements input[type="text"][disabled],
body.custom-form-elements input[type="password"][disabled],
body.custom-form-elements input[type="email"][disabled],
body.custom-form-elements input[type="date"][disabled],
body.custom-form-elements input[type="number"][disabled],
body.custom-form-elements input[disabled],
body.custom-form-elements select[disabled] {
  background: #888
}

body.custom-form-elements .input-small input,
body.custom-form-elements .input-small select {
  font-size: 90%
}

body.custom-form-elements button.button::-moz-focus-inner,
body.custom-form-elements input.button::-moz-focus-inner {
  border: 0;
  font-family: "Roboto", arial, sans-serif;
  padding: 2px 0 0;
  margin-top: -0.125em;
  margin-bottom: -0.125em
}

body.custom-form-elements input:disabled,
body.custom-form-elements textarea:disabled {
  opacity: 1
}

body.custom-form-elements input[type="date"]::-webkit-inner-spin-button {
  display: none;
  --webkit-appearance: none
}

body.custom-form-elements input[type="date"]::-webkit-calendar-picker-indicator {
  color: #fff;
  background: transparent
}

body.custom-form-elements input[type="date"] {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-min-logical-width: 100%;
  min-height: 2.5em
}

body.custom-form-elements select {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent
}

body.custom-form-elements select+i {
  position: relative;
  right: 0.5em;
  top: 1.25em
}

body.custom-form-elements .disable-custom-select-menu select:not([multiple]) {
  -webkit-appearance: menulist;
  -ms-appearance: menulist;
  -moz-appearance: menulist;
  -o-appearance: menulist;
  appearance: menulist;
  background: #313131;
  height: 2.2em
}

body.custom-form-elements .disable-custom-select-menu select[multiple] {
  background: #313131;
  height: auto;
  width: auto
}

body.custom-form-elements .disable-custom-select-menu select[disabled] {
  background: #888
}

body.custom-form-elements label.radio-as-toggle-button {
  float: left;
  line-height: inherit;
  font-size: inherit;
  margin: 20px 3px 20px 3px;
  clear: none;
  width: auto
}

body.custom-form-elements label.radio-as-toggle-button input {
  position: absolute;
  top: -100px
}

body.custom-form-elements label.radio-as-toggle-button input+span {
  float: left;
  width: 140px
}

body.custom-form-elements label.radio-as-toggle-button input+span:after {
  content: none !important
}

body.custom-form-elements label.radio-as-toggle-button.small {
  font-size: 80%
}

body.custom-form-elements label.radio-as-toggle-button.small input+span {
  width: 105px
}

body.custom-form-elements label.radio-as-toggle-button.horz {
  margin: 20px 2px 20px 2px
}

body.custom-form-elements form .row {
  margin-top: 5px;
  margin-bottom: 5px
}

html.nintendo .styled-select,
html.touch .styled-select {
  border-radius: 5px;
  position: relative;
  margin: 0;
  padding-right: 0.5em
}

html.nintendo .styled-select select,
html.touch .styled-select select {
  padding-right: 20%;
  line-height: 125%;
  width: 100%
}

@media (min-width: 1px) and (max-width: 460px) {

  html.nintendo .styled-select,
  html.touch .styled-select {
    width: 96.875%;
    margin: 0 1.5625%;
    padding-right: 0
  }

  html.nintendo .styled-select:after,
  html.touch .styled-select:after {
    right: 1em
  }
}

@media (min-width: 461px) and (max-width: 960px) {

  html.nintendo .styled-select,
  html.touch .styled-select {
    width: 96.875%;
    margin: 0 1.5625%;
    padding-right: 0
  }

  html.nintendo .styled-select:after,
  html.touch .styled-select:after {
    right: 1em
  }
}

html.nintendo .styled-select {
  border-radius: 0 !important
}

html.nintendo .styled-select select {
  padding-right: 0
}

.custom-select-wrapper {
  float: left;
  position: relative;
  z-index: 2
}

.custom-select-wrapper i.icon,
.custom-select-wrapper i.arrow-right.button:after,
.custom-select-wrapper i.arrow-left.button:before,
.custom-select-wrapper body.custom-form-elements select+i,
body.custom-form-elements .custom-select-wrapper select+i,
.custom-select-wrapper i#back-to-top:before {
  display: none
}

.custom-select-wrapper .custom-select-menu {
  display: block;
  float: left;
  position: relative;
  width: 100%;
  z-index: 2
}

.custom-select-wrapper .custom-select-menu label {
  font-family: "Flexo-Medium", arial, sans-serif;
  border-radius: 5px;
  cursor: pointer;
  font-size: 100%;
  line-height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0.75em 0 0.675em 0;
  text-indent: 1em;
  width: 100%;
  white-space: nowrap
}

body.ru .custom-select-wrapper .custom-select-menu label {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

html.nintendo .custom-select-wrapper .custom-select-menu label {
  border-radius: 0
}

.custom-select-wrapper .custom-select-menu label:before {
  color: #F2F2F2;
  font-size: 150%;
  margin-right: 0.5em
}

.custom-select-wrapper .custom-select-menu label:after {
  border-radius: 5px;
  padding: 1em 0.75em 0.425em 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background-color: inherit
}

html.nintendo .custom-select-wrapper .custom-select-menu label:after {
  border-radius: 0
}

.custom-select-wrapper .custom-select-menu label.opened:after {
  border-radius: 5px 5px 0 0
}

html.nintendo .custom-select-wrapper .custom-select-menu label.opened:after {
  border-radius: 0
}

.custom-select-wrapper .custom-select-menu label.button-black,
.custom-select-wrapper .custom-select-menu label.button-black:after {
  color: #fff
}

.custom-select-wrapper .custom-select-menu label.button-orange,
.custom-select-wrapper .custom-select-menu label.button-orange:after {
  color: #fff
}

.custom-select-wrapper .custom-select-menu label.button-gray,
.custom-select-wrapper .custom-select-menu label.button-gray:after {
  color: #fff
}

.custom-select-wrapper .custom-select-menu label.button-green,
.custom-select-wrapper .custom-select-menu label.button-green:after {
  color: #fff
}

.custom-select-wrapper .custom-select-menu .custom-select-scrollbar,
.custom-select-wrapper .custom-select-menu>ul {
  border-radius: 0 0 5px 5px;
  clear: both;
  background-color: #616161;
  color: #fff;
  overflow: hidden;
  position: absolute;
  padding: 0;
  top: 2.5em;
  width: 100%;
  z-index: 50
}

html.nintendo .custom-select-wrapper .custom-select-menu .custom-select-scrollbar,
html.nintendo .custom-select-wrapper .custom-select-menu>ul {
  border-radius: 0
}

.custom-select-wrapper .custom-select-menu .custom-select-scrollbar li,
.custom-select-wrapper .custom-select-menu>ul li {
  clear: both;
  cursor: pointer;
  padding: 0.75em 3.125% 0.675em;
  width: 93.75%
}

.custom-select-wrapper .custom-select-menu .custom-select-scrollbar li.active,
.custom-select-wrapper .custom-select-menu .custom-select-scrollbar li:hover,
.custom-select-wrapper .custom-select-menu>ul li.active,
.custom-select-wrapper .custom-select-menu>ul li:hover {
  background-color: #313131
}

.custom-select-wrapper .custom-select-menu .custom-select-scrollbar li.active:last-child,
.custom-select-wrapper .custom-select-menu .custom-select-scrollbar li:hover:last-child,
.custom-select-wrapper .custom-select-menu>ul li.active:last-child,
.custom-select-wrapper .custom-select-menu>ul li:hover:last-child {
  border-radius: 0 0 5px 5px
}

html.nintendo .custom-select-wrapper .custom-select-menu .custom-select-scrollbar li.active:last-child,
html.nintendo .custom-select-wrapper .custom-select-menu .custom-select-scrollbar li:hover:last-child,
html.nintendo .custom-select-wrapper .custom-select-menu>ul li.active:last-child,
html.nintendo .custom-select-wrapper .custom-select-menu>ul li:hover:last-child {
  border-radius: 0
}

.custom-select-wrapper .custom-select-menu .custom-select-scrollbar li.disabled,
.custom-select-wrapper .custom-select-menu>ul li.disabled {
  cursor: default
}

input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  text-align: center;
  cursor: pointer
}

input[type="submit"]+span.icon,
input[type="submit"]+span.arrow-right.button:after,
body.custom-form-elements label.radio-as-toggle-button input[type="submit"]+span.arrow-right:after,
input[type="submit"]+span.arrow-left.button:before,
body.custom-form-elements label.radio-as-toggle-button input[type="submit"]+span.arrow-left:before,
input[type="submit"]+span#back-to-top:before,
input[type="reset"]+span.icon,
input[type="reset"]+span.arrow-right.button:after,
body.custom-form-elements label.radio-as-toggle-button input[type="reset"]+span.arrow-right:after,
input[type="reset"]+span.arrow-left.button:before,
body.custom-form-elements label.radio-as-toggle-button input[type="reset"]+span.arrow-left:before,
input[type="reset"]+span#back-to-top:before {
  position: relative;
  top: -3em;
  right: 0
}

.custom-checkbox {
  display: inline-block;
  position: relative;
  vertical-align: middle
}

.custom-checkbox>input {
  position: absolute;
  top: 0;
  z-index: 2
}

.custom-checkbox>input[type=radio] {
  opacity: 0
}

.custom-checkbox>.box {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: none;
  background-color: #313131;
  border-radius: 5px
}

html.nintendo .custom-checkbox>.box {
  border-radius: 0
}

.custom-checkbox>.box>.icon,
.custom-checkbox>.box>.arrow-right.button:after,
body.custom-form-elements label.radio-as-toggle-button .custom-checkbox>.box>input+span.arrow-right:after,
.custom-checkbox>.box>.arrow-left.button:before,
body.custom-form-elements label.radio-as-toggle-button .custom-checkbox>.box>input+span.arrow-left:before,
body.custom-form-elements .custom-checkbox>.box>select+i,
.custom-select-wrapper .custom-select-menu .custom-checkbox>.box>label:before,
.custom-select-wrapper .custom-select-menu .custom-checkbox>.box>label:after,
.custom-checkbox>.box>#back-to-top:before,
.trainer-card-stamps-all .custom-checkbox>.box>a.arrow-right:after,
.aside-leaderboard-table .footer_link .custom-checkbox>.box>a:after {
  display: none;
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  background-color: #4dad5b;
  border-radius: 5px
}

html.nintendo .custom-checkbox>.box>.icon,
html.nintendo .custom-checkbox>.box>.arrow-right.button:after,
html.nintendo body.custom-form-elements label.radio-as-toggle-button .custom-checkbox>.box>input+span.arrow-right:after,
body.custom-form-elements label.radio-as-toggle-button html.nintendo .custom-checkbox>.box>input+span.arrow-right:after,
html.nintendo .custom-checkbox>.box>.arrow-left.button:before,
html.nintendo body.custom-form-elements label.radio-as-toggle-button .custom-checkbox>.box>input+span.arrow-left:before,
body.custom-form-elements label.radio-as-toggle-button html.nintendo .custom-checkbox>.box>input+span.arrow-left:before,
html.nintendo body.custom-form-elements .custom-checkbox>.box>select+i,
body.custom-form-elements html.nintendo .custom-checkbox>.box>select+i,
html.nintendo .custom-select-wrapper .custom-select-menu .custom-checkbox>.box>label:before,
.custom-select-wrapper .custom-select-menu html.nintendo .custom-checkbox>.box>label:before,
html.nintendo .custom-select-wrapper .custom-select-menu .custom-checkbox>.box>label:after,
.custom-select-wrapper .custom-select-menu html.nintendo .custom-checkbox>.box>label:after,
html.nintendo .custom-checkbox>.box>#back-to-top:before,
html.nintendo .trainer-card-stamps-all .custom-checkbox>.box>a.arrow-right:after,
.trainer-card-stamps-all html.nintendo .custom-checkbox>.box>a.arrow-right:after,
html.nintendo .aside-leaderboard-table .footer_link .custom-checkbox>.box>a:after,
.aside-leaderboard-table .footer_link html.nintendo .custom-checkbox>.box>a:after {
  border-radius: 0
}

.custom-checkbox>input:checked+.box>.icon,
.custom-checkbox>input:checked+.box>.arrow-right.button:after,
body.custom-form-elements label.radio-as-toggle-button .custom-checkbox>input:checked+.box>input+span.arrow-right:after,
.custom-checkbox>input:checked+.box>.arrow-left.button:before,
body.custom-form-elements label.radio-as-toggle-button .custom-checkbox>input:checked+.box>input+span.arrow-left:before,
body.custom-form-elements .custom-checkbox>input:checked+.box>select+i,
.custom-select-wrapper .custom-select-menu .custom-checkbox>input:checked+.box>label:before,
.custom-select-wrapper .custom-select-menu .custom-checkbox>input:checked+.box>label:after,
.custom-checkbox>input:checked+.box>#back-to-top:before,
.trainer-card-stamps-all .custom-checkbox>input:checked+.box>a.arrow-right:after,
.aside-leaderboard-table .footer_link .custom-checkbox>input:checked+.box>a:after {
  display: block
}

.custom-checkbox>.icon_checkmark_readonly {
  background-color: #258533;
  color: #CCC;
  cursor: default;
  line-height: 24px;
  text-align: center
}

.in-row-select {
  float: left;
  margin-left: 2em
}

.custom-checkbox input[type="radio"],
input[type="checkbox"] {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: absolute;
  outline: none;
  left: 0;
  top: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  border: none;
  margin: 0;
  opacity: 0;
  z-index: 2
}

.checkbox-label-pill {
  background-color: #212121;
  display: block;
  cursor: pointer;
  font-size: 1.125em;
  text-transform: none;
  height: 2em;
  line-height: 2em;
  padding: 0 2em;
  border-radius: 1em;
  position: relative
}

html.nintendo .checkbox-label-pill {
  border-radius: 0
}

.checkbox-label-pill::after {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  right: .15em;
  top: .15em;
  height: 1.7em;
  width: 1.7em;
  position: absolute;
  background-color: #313131;
  border: 2px solid #616161;
  border-radius: 50%
}

html.nintendo .checkbox-label-pill::after {
  border-radius: 0
}

:checked+.checkbox-label-pill::after {
  background-color: #ee6b2f;
  border: none
}

.label-control {
  position: relative;
  cursor: pointer
}

.label-control input,
.label-control button {
  background: transparent;
  text-indent: -9999px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0
}

.form-wrapper label i.icon,
.form-wrapper label i.arrow-right.button:after,
.form-wrapper label i.arrow-left.button:before,
.form-wrapper label body.custom-form-elements select+i,
body.custom-form-elements .form-wrapper label select+i,
.form-wrapper label i#back-to-top:before {
  font-size: 50%;
  vertical-align: top
}

.tt-menu {
  width: 100%
}

.tt-dataset {
  background: #FFF;
  color: #999;
  padding: 0px 0px;
  margin-top: 2px;
  width: 100%
}

.tt-suggestion {
  padding: 10px 10px
}

.tt-suggestion:hover {
  background: #1B53BA;
  color: #CCC
}

.alert {
  border: 2px solid #30a7d7;
  border-radius: 10px;
  clear: both;
  color: #616161;
  margin-top: 0.5em
}

html.nintendo .alert {
  border-radius: 0
}

.alert h3 {
  margin: 0.5em 1em;
  text-transform: none
}

.alert ul,
.alert li {
  margin: 0.5em;
  list-style-type: disc
}

.alert li {
  margin-left: 1.5em
}

.alert li,
.alert p {
  margin-top: 0.5em
}

.alert p {
  margin-left: 1em
}

.inline-form-error {
  background-color: #616161;
  border-radius: 5px;
  color: #fff;
  float: left;
  margin-top: 1em;
  padding-left: 10%;
  position: relative;
  width: 90%
}

html.nintendo .inline-form-error {
  border-radius: 0
}

.inline-form-error:before {
  content: '!';
  color: #fff;
  border-radius: 10px;
  border: 1px solid #484848;
  background-color: #E3350D;
  float: left;
  font-size: 16px;
  height: 20px;
  left: 0;
  line-height: 20px;
  margin: -10px 0.5em 0 0.85em;
  position: absolute;
  top: 50%;
  text-align: center;
  width: 20px
}

html.nintendo .inline-form-error:before {
  border-radius: 0
}

.inline-form-error span {
  float: left;
  font-size: 87.5%;
  line-height: 150%;
  margin: 0.75em 1.5em
}

.inline-form-error:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #616161;
  content: '';
  height: 0;
  left: 16px;
  margin: 0;
  position: absolute;
  top: -8px;
  width: 0;
  z-index: 2
}

input.alert-error,
.alert-error {
  border: 2px solid #E3350D
}

input.alert-error h3,
.alert-error h3 {
  color: #E3350D
}

input.alert-info,
.alert-info {
  border: 2px solid #30a7d7;
  margin-bottom: 1.5em
}

input.alert-info h3,
.alert-info h3 {
  color: #30a7d7
}

input.alert-success,
.alert-success {
  border: 2px solid #4dad5b
}

input.alert-success h3,
.alert-success h3 {
  color: #4dad5b
}

input.alert-warning,
.alert-warning {
  border: 2px solid #ee6b2f
}

input.alert-warning h3,
.alert-warning h3 {
  color: #ee6b2f
}

@media (min-width: 1px) and (max-width: 460px) {
  .alert {
    float: left;
    margin-top: 0.5em;
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .alert {
    float: left;
    margin-top: 0.5em;
    width: 100%
  }
}

strong,
.bold {
  font-family: "Flexo-Bold", arial, sans-serif
}

body.ru strong,
body.ru .bold {
  font-family: "Roboto", arial, sans-serif;
  font-weight: bold
}

.clear {
  zoom: 1
}

.clear:before,
.clear:after {
  content: "";
  display: table
}

.clear:after {
  clear: both
}

.hidden {
  display: none
}

.offscreen {
  left: -99999px;
  position: absolute
}

.text-center {
  text-align: center
}

.right {
  float: right
}

.left {
  float: left
}

.overflow-visible {
  overflow: visible
}

.roboto {
  font-family: "Roboto", arial, sans-serif
}

em {
  font-style: italic
}

.loader {
  background: url("../img/chrome/loaders/pokeball_gray.png") center center no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 48%;
  top: 20%;
  -webkit-animation: loader .5s infinite;
  -ms-animation: loader .5s infinite;
  -moz-animation: loader .5s infinite;
  -o-animation: loader .5s infinite;
  animation: loader .5s infinite
}

.loader.bottom {
  top: auto;
  bottom: 1%
}

.loader.top {
  bottom: auto;
  top: 1%
}

html.nintendo .loader {
  display: none !important
}

.loader.static {
  position: static;
  margin: auto
}

.padding {
  clear: both;
  display: block
}

.exit-link {
  cursor: pointer
}

#loadMore {
  clear: both;
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  line-height: 125%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  text-align: center;
  text-transform: none;
  font-size: 100%;
  font-family: "Flexo-Demi", arial, sans-serif
}

body.ru #loadMore {
  font-family: "Roboto", arial, sans-serif;
  font-weight: bold
}

#loadMore span {
  display: inline-block;
  margin: 0 auto;
  font-size: 100%;
  font-family: "Flexo-Demi", arial, sans-serif;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  line-height: 125%;
  margin: 1.5625%;
  padding: 0.75em 1.25em 0.675em;
  vertical-align: middle;
  text-align: center;
  text-transform: none
}

body.ru #loadMore span {
  font-family: "Roboto", arial, sans-serif;
  font-weight: bold
}

html.nintendo #loadMore span {
  border-radius: 0
}

.loading #loadMore {
  display: none
}

.tooltip {
  -webkit-box-shadow: 1px 1px 1px 1px #313131;
  -ms-box-shadow: 1px 1px 1px 1px #313131;
  -moz-box-shadow: 1px 1px 1px 1px #313131;
  -o-box-shadow: 1px 1px 1px 1px #313131;
  box-shadow: 1px 1px 1px 1px #313131;
  background-color: #616161;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  padding: 1.5em;
  position: absolute;
  text-align: center;
  z-index: 100
}

html.nintendo .tooltip {
  border-radius: 0
}

html.no-touch .tooltip .icon,
html.no-touch .tooltip .arrow-right.button:after,
html.no-touch .tooltip body.custom-form-elements label.radio-as-toggle-button input+span.arrow-right:after,
body.custom-form-elements label.radio-as-toggle-button html.no-touch .tooltip input+span.arrow-right:after,
html.no-touch .tooltip .arrow-left.button:before,
html.no-touch .tooltip body.custom-form-elements label.radio-as-toggle-button input+span.arrow-left:before,
body.custom-form-elements label.radio-as-toggle-button html.no-touch .tooltip input+span.arrow-left:before,
html.no-touch .tooltip body.custom-form-elements select+i,
body.custom-form-elements html.no-touch .tooltip select+i,
html.no-touch .tooltip .custom-select-wrapper .custom-select-menu label:before,
.custom-select-wrapper .custom-select-menu html.no-touch .tooltip label:before,
html.no-touch .tooltip .custom-select-wrapper .custom-select-menu label:after,
.custom-select-wrapper .custom-select-menu html.no-touch .tooltip label:after,
html.no-touch .tooltip #back-to-top:before,
html.no-touch .tooltip .trainer-card-stamps-all a.arrow-right:after,
.trainer-card-stamps-all html.no-touch .tooltip a.arrow-right:after,
html.no-touch .tooltip .aside-leaderboard-table .footer_link a:after,
.aside-leaderboard-table .footer_link html.no-touch .tooltip a:after {
  display: none
}

html.touch .tooltip .icon,
html.touch .tooltip .arrow-right.button:after,
html.touch .tooltip body.custom-form-elements label.radio-as-toggle-button input+span.arrow-right:after,
body.custom-form-elements label.radio-as-toggle-button html.touch .tooltip input+span.arrow-right:after,
html.touch .tooltip .arrow-left.button:before,
html.touch .tooltip body.custom-form-elements label.radio-as-toggle-button input+span.arrow-left:before,
body.custom-form-elements label.radio-as-toggle-button html.touch .tooltip input+span.arrow-left:before,
html.touch .tooltip body.custom-form-elements select+i,
body.custom-form-elements html.touch .tooltip select+i,
html.touch .tooltip .custom-select-wrapper .custom-select-menu label:before,
.custom-select-wrapper .custom-select-menu html.touch .tooltip label:before,
html.touch .tooltip .custom-select-wrapper .custom-select-menu label:after,
.custom-select-wrapper .custom-select-menu html.touch .tooltip label:after,
html.touch .tooltip #back-to-top:before,
html.touch .tooltip .trainer-card-stamps-all a.arrow-right:after,
.trainer-card-stamps-all html.touch .tooltip a.arrow-right:after,
html.touch .tooltip .aside-leaderboard-table .footer_link a:after,
.aside-leaderboard-table .footer_link html.touch .tooltip a:after {
  -webkit-box-shadow: 1px -2px 1px -1px #313131;
  -ms-box-shadow: 1px -2px 1px -1px #313131;
  -moz-box-shadow: 1px -2px 1px -1px #313131;
  -o-box-shadow: 1px -2px 1px -1px #313131;
  box-shadow: 1px -2px 1px -1px #313131;
  border-radius: 10px;
  background-color: #616161;
  color: #fff;
  font-size: 85%;
  position: absolute;
  padding: 0.5em 1.25em 0;
  right: 0;
  top: -0.5em;
  vertical-align: top;
  z-index: 1
}

html.nintendo html.touch .tooltip .icon,
html.nintendo html.touch .tooltip .arrow-right.button:after,
html.nintendo html.touch .tooltip body.custom-form-elements label.radio-as-toggle-button input+span.arrow-right:after,
body.custom-form-elements label.radio-as-toggle-button html.nintendo html.touch .tooltip input+span.arrow-right:after,
html.nintendo html.touch .tooltip .arrow-left.button:before,
html.nintendo html.touch .tooltip body.custom-form-elements label.radio-as-toggle-button input+span.arrow-left:before,
body.custom-form-elements label.radio-as-toggle-button html.nintendo html.touch .tooltip input+span.arrow-left:before,
html.nintendo html.touch .tooltip body.custom-form-elements select+i,
body.custom-form-elements html.nintendo html.touch .tooltip select+i,
html.nintendo html.touch .tooltip .custom-select-wrapper .custom-select-menu label:before,
.custom-select-wrapper .custom-select-menu html.nintendo html.touch .tooltip label:before,
html.nintendo html.touch .tooltip .custom-select-wrapper .custom-select-menu label:after,
.custom-select-wrapper .custom-select-menu html.nintendo html.touch .tooltip label:after,
html.nintendo html.touch .tooltip #back-to-top:before,
html.nintendo html.touch .tooltip .trainer-card-stamps-all a.arrow-right:after,
.trainer-card-stamps-all html.nintendo html.touch .tooltip a.arrow-right:after,
html.nintendo html.touch .tooltip .aside-leaderboard-table .footer_link a:after,
.aside-leaderboard-table .footer_link html.nintendo html.touch .tooltip a:after {
  border-radius: 0
}

@media (min-width: 961px) and (max-width: 9999px) {
  .tooltip:after {
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #616161;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 0;
    z-index: 2
  }

  .tooltip:before {
    bottom: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #616161;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    width: 0;
    z-index: 1
  }

  .tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #616161;
    bottom: auto;
    top: -20px
  }

  .tooltip.top:before {
    border-top-color: transparent;
    border-bottom: 10px solid #616161;
    bottom: auto;
    top: -22px
  }

  .tooltip.left:after {
    left: 10px;
    margin: 0
  }

  .tooltip.left:before {
    left: 8px;
    margin: 0
  }

  .tooltip.right:after {
    left: auto;
    margin: 0;
    right: 10px
  }

  .tooltip.right:before {
    left: auto;
    margin: 0;
    right: 8px
  }
}

@media (min-width: 961px) and (max-width: 9999px) {
  .tooltip:after {
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #616161;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 0;
    z-index: 2
  }

  .tooltip:before {
    bottom: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #616161;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    width: 0;
    z-index: 1
  }

  .tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #616161;
    bottom: auto;
    top: -20px
  }

  .tooltip.top:before {
    border-top-color: transparent;
    border-bottom: 10px solid #616161;
    bottom: auto;
    top: -22px
  }

  .tooltip.left:after {
    left: 10px;
    margin: 0
  }

  .tooltip.left:before {
    left: 8px;
    margin: 0
  }

  .tooltip.right:after {
    left: auto;
    margin: 0;
    right: 10px
  }

  .tooltip.right:before {
    left: auto;
    margin: 0;
    right: 8px
  }
}

@media (min-width: 1281px) and (max-width: 9999px) {
  .tooltip:after {
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #616161;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 0;
    z-index: 2
  }

  .tooltip:before {
    bottom: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #616161;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    width: 0;
    z-index: 1
  }

  .tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #616161;
    bottom: auto;
    top: -20px
  }

  .tooltip.top:before {
    border-top-color: transparent;
    border-bottom: 10px solid #616161;
    bottom: auto;
    top: -22px
  }

  .tooltip.left:after {
    left: 10px;
    margin: 0
  }

  .tooltip.left:before {
    left: 8px;
    margin: 0
  }

  .tooltip.right:after {
    left: auto;
    margin: 0;
    right: 10px
  }

  .tooltip.right:before {
    left: auto;
    margin: 0;
    right: 8px
  }
}

.tooltip.white {
  background-color: #fff;
  color: #212121
}

.tooltip.white:after,
.tooltip.white:before {
  border-color: #fff transparent transparent transparent
}

.tooltip.white.top:after {
  border-color: transparent transparent #fff transparent
}

.imagepopup {
  padding: 0.5em
}

.loaded-more .loadmore-hide {
  display: none
}

@media (min-width: 961px) and (max-width: 9999px) {
  .mosaic .staggered-1 {
    margin-top: 3em
  }

  .mosaic .staggered-2 {
    margin-top: 1.5em
  }

  .fluid .hidden-mobile {
    display: inherit !important
  }

  .fluid .visible-mobile {
    display: none !important
  }

  .loaded-more .loadmore-hide-desktop {
    display: none
  }
}

@media (min-width: 1281px) and (max-width: 9999px) {
  .mosaic .staggered-1 {
    margin-top: 3em
  }

  .mosaic .staggered-2 {
    margin-top: 1.5em
  }

  .fluid .hidden-mobile {
    display: inherit !important
  }

  .fluid .visible-mobile {
    display: none !important
  }

  .loaded-more .loadmore-hide-desktop {
    display: none
  }
}

@media (min-width: 1px) and (max-width: 460px) {
  #loadMore span {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }
}

@media (min-width: 1px) and (max-width: 460px) {
  .loaded-more .loadmore-hide-mobile {
    display: none
  }

  .fluid .hidden-mobile {
    display: none !important
  }

  .fluid .visible-mobile {
    display: inherit !important
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .loaded-more .loadmore-hide-mobile {
    display: none
  }

  .fluid .hidden-mobile {
    display: none !important
  }

  .fluid .visible-mobile {
    display: inherit !important
  }
}

table {
  font-family: "Roboto", arial, sans-serif;
  max-width: 100%;
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 0 10px;
  color: #717171;
  width: 100%;
  margin-bottom: 1em
}

table thead {
  background-color: #616161
}

td {
  text-align: left;
  vertical-align: top;
  padding: 0.75em 1em
}

thead th:first-child,
td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}

thead th:last-child,
td:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

tr:nth-child(odd) td {
  background-color: #d4d4d4
}

tr:nth-child(even) td {
  background-color: #f1f1f1
}

tr.headers td,
thead th {
  font-family: "Roboto", arial, sans-serif;
  font-weight: bold;
  color: #fff;
  font-size: 100%;
  padding: 1em;
  text-align: left;
  text-transform: none
}

tr.headers td.sorting_asc,
tr.headers td.sorting_desc,
thead th.sorting_asc,
thead th.sorting_desc {
  color: #e6bc2f
}

ul.list>li {
  list-style: disc
}

ol.list>li {
  list-style: decimal
}

.list {
  padding: 0.5em 0.5em 0.5em 2.5em;
  margin-bottom: 0.5em
}

.list .list {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 1em
}

.list.no-margin-tb {
  margin-bottom: 0;
  margin-top: 0
}

.list.no-padding-tb {
  padding-bottom: 0;
  padding-top: 0
}

.list li {
  line-height: 120%;
  margin-bottom: 0.25em
}

.list.no-bullets>li {
  list-style: none
}

.numberedList {
  color: #919191;
  list-style: decimal;
  list-style-type: none;
  counter-reset: item
}

.numberedList>li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em
}

.numberedList>li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em
}

li .numberedList>li {
  content: counters(item, ".") ". ";
  margin: 0
}

li .numberedList>li:before {
  content: counters(item, ".") " "
}

.css3-animation-bounce {
  -webkit-animation: bounce 0.3s 1;
  -ms-animation: bounce 0.3s 1;
  -moz-animation: bounce 0.3s 1;
  -o-animation: bounce 0.3s 1;
  animation: bounce 0.3s 1
}

.css3-animation-bounce-hover:hover {
  -webkit-animation: bounce 0.3s 1;
  -ms-animation: bounce 0.3s 1;
  -moz-animation: bounce 0.3s 1;
  -o-animation: bounce 0.3s 1;
  animation: bounce 0.3s 1
}

.css3-animation-bounce-after:hover:after,
.css3-animation-bounce-after:hover:before {
  -webkit-animation: bounce 0.3s 1;
  -ms-animation: bounce 0.3s 1;
  -moz-animation: bounce 0.3s 1;
  -o-animation: bounce 0.3s 1;
  animation: bounce 0.3s 1
}

.banner-black {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #313131
}

.banner-black h1,
.banner-black h2,
.banner-black h3 {
  color: #fff
}

.banner-black p,
.banner-black a.quicklink,
.banner-black .form-label {
  color: #ccc
}

.banner-black a.quicklink:hover {
  color: #000
}

.banner-black a {
  color: #000
}

.hover-color .banner-black {
  background-color: #282828
}

html.no-touch .content-block:hover .banner-black {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #282828
}

a.hover .content-block .banner-black {
  background-color: #282828
}

.banner-black.disable-hover {
  cursor: default
}

.hover-color .banner-black.disable-hover,
html.no-touch .content-block:hover .banner-black.disable-hover {
  background-color: #313131
}

.content-hero .banner-black {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-black h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-black h2 {
  color: #919191;
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-black h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-blue {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #1b53ba
}

.banner-blue h1,
.banner-blue h2,
.banner-blue h3 {
  color: #fff
}

.banner-blue p,
.banner-blue a.quicklink,
.banner-blue .form-label {
  color: #30a7d7
}

.banner-blue a.quicklink:hover {
  color: #0e2b61
}

.banner-blue a {
  color: #0e2b61
}

.hover-color .banner-blue {
  background-color: #1847d7
}

html.no-touch .content-block:hover .banner-blue {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #1847d7
}

a.hover .content-block .banner-blue {
  background-color: #1847d7
}

.banner-blue.disable-hover {
  cursor: default
}

.hover-color .banner-blue.disable-hover,
html.no-touch .content-block:hover .banner-blue.disable-hover {
  background-color: #1b53ba
}

.content-hero .banner-blue {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-blue h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-blue h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-blue h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-brown {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #675945
}

.banner-brown h1,
.banner-brown h2,
.banner-brown h3 {
  color: #fff
}

.banner-brown p,
.banner-brown a.quicklink,
.banner-brown .form-label {
  color: #ccc
}

.banner-brown a.quicklink:hover {
  color: #2a241c
}

.banner-brown a {
  color: #2a241c
}

.hover-color .banner-brown {
  background-color: #483f31
}

html.no-touch .content-block:hover .banner-brown {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #483f31
}

a.hover .content-block .banner-brown {
  background-color: #483f31
}

.banner-brown.disable-hover {
  cursor: default
}

.hover-color .banner-brown.disable-hover,
html.no-touch .content-block:hover .banner-brown.disable-hover {
  background-color: #675945
}

.content-hero .banner-brown {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-brown h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-brown h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-brown h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-darkgray {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #616161
}

.banner-darkgray h1,
.banner-darkgray h2,
.banner-darkgray h3 {
  color: #fff
}

.banner-darkgray p,
.banner-darkgray a.quicklink,
.banner-darkgray .form-label {
  color: #000
}

.banner-darkgray a.quicklink:hover {
  color: #2e2e2e
}

.banner-darkgray a {
  color: #2e2e2e
}

.hover-color .banner-darkgray {
  background-color: #313131
}

html.no-touch .content-block:hover .banner-darkgray {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #313131
}

a.hover .content-block .banner-darkgray {
  background-color: #313131
}

.banner-darkgray.disable-hover {
  cursor: default
}

.hover-color .banner-darkgray.disable-hover,
html.no-touch .content-block:hover .banner-darkgray.disable-hover {
  background-color: #616161
}

.content-hero .banner-darkgray {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-darkgray h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-darkgray h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-darkgray h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-gray {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #a4a4a4
}

.banner-gray h1,
.banner-gray h2,
.banner-gray h3 {
  color: #212121
}

.banner-gray p,
.banner-gray a.quicklink,
.banner-gray .form-label {
  color: #616161
}

.banner-gray a.quicklink:hover {
  color: #717171
}

.banner-gray a {
  color: #717171
}

.hover-color .banner-gray {
  background-color: #8b8b8b
}

html.no-touch .content-block:hover .banner-gray {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #8b8b8b
}

a.hover .content-block .banner-gray {
  background-color: #8b8b8b
}

.banner-gray.disable-hover {
  cursor: default
}

.hover-color .banner-gray.disable-hover,
html.no-touch .content-block:hover .banner-gray.disable-hover {
  background-color: #a4a4a4
}

.content-hero .banner-gray {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-gray h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-gray h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-gray h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-green {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #4dad5b
}

.banner-green h1,
.banner-green h2,
.banner-green h3 {
  color: #fff
}

.banner-green p,
.banner-green a.quicklink,
.banner-green .form-label {
  color: #0e2011
}

.banner-green a.quicklink:hover {
  color: #2e6636
}

.banner-green a {
  color: #2e6636
}

.hover-color .banner-green {
  background-color: #369143
}

html.no-touch .content-block:hover .banner-green {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #369143
}

a.hover .content-block .banner-green {
  background-color: #369143
}

.banner-green.disable-hover {
  cursor: default
}

.hover-color .banner-green.disable-hover,
html.no-touch .content-block:hover .banner-green.disable-hover {
  background-color: #4dad5b
}

.content-hero .banner-green {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-green h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-green h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-green h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-green-odd {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #3d8a48
}

.banner-green-odd h1,
.banner-green-odd h2,
.banner-green-odd h3 {
  color: #fff
}

.banner-green-odd p,
.banner-green-odd a.quicklink,
.banner-green-odd .form-label {
  color: #0e2011
}

.banner-green-odd a.quicklink:hover {
  color: #1e4323
}

.banner-green-odd a {
  color: #1e4323
}

.hover-color .banner-green-odd {
  background-color: #369143
}

html.no-touch .content-block:hover .banner-green-odd {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #369143
}

a.hover .content-block .banner-green-odd {
  background-color: #369143
}

.banner-green-odd.disable-hover {
  cursor: default
}

.hover-color .banner-green-odd.disable-hover,
html.no-touch .content-block:hover .banner-green-odd.disable-hover {
  background-color: #3d8a48
}

.content-hero .banner-green-odd {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-green-odd h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-green-odd h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-green-odd h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-lightblue {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #30a7d7
}

.banner-lightblue h1,
.banner-lightblue h2,
.banner-lightblue h3 {
  color: #fff
}

.banner-lightblue p,
.banner-lightblue a.quicklink,
.banner-lightblue .form-label {
  color: #0a2631
}

.banner-lightblue a.quicklink:hover {
  color: #1a6887
}

.banner-lightblue a {
  color: #1a6887
}

.hover-color .banner-lightblue {
  background-color: #1b82b1
}

html.no-touch .content-block:hover .banner-lightblue {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #1b82b1
}

a.hover .content-block .banner-lightblue {
  background-color: #1b82b1
}

.banner-lightblue.disable-hover {
  cursor: default
}

.hover-color .banner-lightblue.disable-hover,
html.no-touch .content-block:hover .banner-lightblue.disable-hover {
  background-color: #30a7d7
}

.content-hero .banner-lightblue {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-lightblue h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-lightblue h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-lightblue h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-lightgray {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #F2F2F2
}

.banner-lightgray h1,
.banner-lightgray h2,
.banner-lightgray h3 {
  color: #fff
}

.banner-lightgray p,
.banner-lightgray a.quicklink,
.banner-lightgray .form-label {
  color: #919191
}

.banner-lightgray a.quicklink:hover {
  color: #bfbfbf
}

.banner-lightgray a {
  color: #bfbfbf
}

.hover-color .banner-lightgray {
  background-color: #d0d0d0
}

html.no-touch .content-block:hover .banner-lightgray {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #d0d0d0
}

a.hover .content-block .banner-lightgray {
  background-color: #d0d0d0
}

.banner-lightgray.disable-hover {
  cursor: default
}

.hover-color .banner-lightgray.disable-hover,
html.no-touch .content-block:hover .banner-lightgray.disable-hover {
  background-color: #F2F2F2
}

.content-hero .banner-lightgray {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-lightgray h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-lightgray h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-lightgray h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-lightred {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #FF514F
}

.banner-lightred h1,
.banner-lightred h2,
.banner-lightred h3 {
  color: #fff
}

.banner-lightred p,
.banner-lightred a.quicklink,
.banner-lightred .form-label {
  color: #820100
}

.banner-lightred a.quicklink:hover {
  color: #e80300
}

.banner-lightred a {
  color: #e80300
}

.hover-color .banner-lightred {
  background-color: #ff1f1c
}

html.no-touch .content-block:hover .banner-lightred {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #ff1f1c
}

a.hover .content-block .banner-lightred {
  background-color: #ff1f1c
}

.banner-lightred.disable-hover {
  cursor: default
}

.hover-color .banner-lightred.disable-hover,
html.no-touch .content-block:hover .banner-lightred.disable-hover {
  background-color: #FF514F
}

.content-hero .banner-lightred {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-lightred h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-lightred h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-lightred h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-lightyellow {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #FFE84C
}

.banner-lightyellow h1,
.banner-lightyellow h2,
.banner-lightyellow h3 {
  color: #fff
}

.banner-lightyellow p,
.banner-lightyellow a.quicklink,
.banner-lightyellow .form-label {
  color: #7f6f00
}

.banner-lightyellow a.quicklink:hover {
  color: #e5c800
}

.banner-lightyellow a {
  color: #e5c800
}

.hover-color .banner-lightyellow {
  background-color: #ffe119
}

html.no-touch .content-block:hover .banner-lightyellow {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #ffe119
}

a.hover .content-block .banner-lightyellow {
  background-color: #ffe119
}

.banner-lightyellow.disable-hover {
  cursor: default
}

.hover-color .banner-lightyellow.disable-hover,
html.no-touch .content-block:hover .banner-lightyellow.disable-hover {
  background-color: #FFE84C
}

.content-hero .banner-lightyellow {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-lightyellow h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-lightyellow h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-lightyellow h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-lightgreen {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #56D96A
}

.banner-lightgreen h1,
.banner-lightgreen h2,
.banner-lightgreen h3 {
  color: #fff
}

.banner-lightgreen p,
.banner-lightgreen a.quicklink,
.banner-lightgreen .form-label {
  color: #12511c
}

.banner-lightgreen a.quicklink:hover {
  color: #25a438
}

.banner-lightgreen a {
  color: #25a438
}

.hover-color .banner-lightgreen {
  background-color: #2ece47
}

html.no-touch .content-block:hover .banner-lightgreen {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #2ece47
}

a.hover .content-block .banner-lightgreen {
  background-color: #2ece47
}

.banner-lightgreen.disable-hover {
  cursor: default
}

.hover-color .banner-lightgreen.disable-hover,
html.no-touch .content-block:hover .banner-lightgreen.disable-hover {
  background-color: #56D96A
}

.content-hero .banner-lightgreen {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-lightgreen h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-lightgreen h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-lightgreen h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-lightpurple {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #B38AEA
}

.banner-lightpurple h1,
.banner-lightpurple h2,
.banner-lightpurple h3 {
  color: #fff
}

.banner-lightpurple p,
.banner-lightpurple a.quicklink,
.banner-lightpurple .form-label {
  color: #4b1a8e
}

.banner-lightpurple a.quicklink:hover {
  color: #7b34da
}

.banner-lightpurple a {
  color: #7b34da
}

.hover-color .banner-lightpurple {
  background-color: #975fe2
}

html.no-touch .content-block:hover .banner-lightpurple {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #975fe2
}

a.hover .content-block .banner-lightpurple {
  background-color: #975fe2
}

.banner-lightpurple.disable-hover {
  cursor: default
}

.hover-color .banner-lightpurple.disable-hover,
html.no-touch .content-block:hover .banner-lightpurple.disable-hover {
  background-color: #B38AEA
}

.content-hero .banner-lightpurple {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-lightpurple h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-lightpurple h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-lightpurple h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-lightbrown {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #C7AA79
}

.banner-lightbrown h1,
.banner-lightbrown h2,
.banner-lightbrown h3 {
  color: #fff
}

.banner-lightbrown p,
.banner-lightbrown a.quicklink,
.banner-lightbrown .form-label {
  color: #524022
}

.banner-lightbrown a.quicklink:hover {
  color: #9a7840
}

.banner-lightbrown a {
  color: #9a7840
}

.hover-color .banner-lightbrown {
  background-color: #b89355
}

html.no-touch .content-block:hover .banner-lightbrown {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #b89355
}

a.hover .content-block .banner-lightbrown {
  background-color: #b89355
}

.banner-lightbrown.disable-hover {
  cursor: default
}

.hover-color .banner-lightbrown.disable-hover,
html.no-touch .content-block:hover .banner-lightbrown.disable-hover {
  background-color: #C7AA79
}

.content-hero .banner-lightbrown {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-lightbrown h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-lightbrown h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-lightbrown h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-orange {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #ee6b2f
}

.banner-orange h1,
.banner-orange h2,
.banner-orange h3 {
  color: #fff
}

.banner-orange p,
.banner-orange a.quicklink,
.banner-orange .form-label {
  color: #4b1c06
}

.banner-orange a.quicklink:hover {
  color: #a93f0e
}

.banner-orange a {
  color: #a93f0e
}

.hover-color .banner-orange {
  background-color: #da471b
}

html.no-touch .content-block:hover .banner-orange {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #da471b
}

a.hover .content-block .banner-orange {
  background-color: #da471b
}

.banner-orange.disable-hover {
  cursor: default
}

.hover-color .banner-orange.disable-hover,
html.no-touch .content-block:hover .banner-orange.disable-hover {
  background-color: #ee6b2f
}

.content-hero .banner-orange {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-orange h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-orange h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-orange h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-pink {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #ff90c4
}

.banner-pink h1,
.banner-pink h2,
.banner-pink h3 {
  color: #fff
}

.banner-pink p,
.banner-pink a.quicklink,
.banner-pink .form-label {
  color: #c3005b
}

.banner-pink a.quicklink:hover {
  color: #ff2a8e
}

.banner-pink a {
  color: #ff2a8e
}

.hover-color .banner-pink {
  background-color: #ff2a8e
}

html.no-touch .content-block:hover .banner-pink {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #ff2a8e
}

a.hover .content-block .banner-pink {
  background-color: #ff2a8e
}

.banner-pink.disable-hover {
  cursor: default
}

.hover-color .banner-pink.disable-hover,
html.no-touch .content-block:hover .banner-pink.disable-hover {
  background-color: #ff90c4
}

.content-hero .banner-pink {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-pink h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-pink h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-pink h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-purple {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #855ac9
}

.banner-purple h1,
.banner-purple h2,
.banner-purple h3 {
  color: #fff
}

.banner-purple p,
.banner-purple a.quicklink,
.banner-purple .form-label {
  color: #212121
}

.banner-purple a.quicklink:hover {
  color: #542f8e
}

.banner-purple a {
  color: #542f8e
}

.hover-color .banner-purple {
  background-color: #734bb2
}

html.no-touch .content-block:hover .banner-purple {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #734bb2
}

a.hover .content-block .banner-purple {
  background-color: #734bb2
}

.banner-purple.disable-hover {
  cursor: default
}

.hover-color .banner-purple.disable-hover,
html.no-touch .content-block:hover .banner-purple.disable-hover {
  background-color: #855ac9
}

.content-hero .banner-purple {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-purple h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-purple h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-purple h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-red {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #E3350D
}

.banner-red h1,
.banner-red h2,
.banner-red h3 {
  color: #fff
}

.banner-red p,
.banner-red a.quicklink,
.banner-red .form-label {
  color: #ccc
}

.banner-red a.quicklink:hover {
  color: #831e07
}

.banner-red a {
  color: #831e07
}

.hover-color .banner-red {
  background-color: #b32a0a
}

html.no-touch .content-block:hover .banner-red {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #b32a0a
}

a.hover .content-block .banner-red {
  background-color: #b32a0a
}

.banner-red.disable-hover {
  cursor: default
}

.hover-color .banner-red.disable-hover,
html.no-touch .content-block:hover .banner-red.disable-hover {
  background-color: #E3350D
}

.content-hero .banner-red {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-red h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-red h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-red h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-white {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #fff;
  border-radius: 0;
  bottom: auto;
  float: left;
  position: relative;
  min-height: 70px;
  width: 80%
}

.banner-white h1,
.banner-white h2,
.banner-white h3 {
  color: #212121
}

.banner-white p,
.banner-white a.quicklink,
.banner-white .form-label {
  color: #919191
}

.banner-white a.quicklink:hover {
  color: #ccc
}

.banner-white a {
  color: #ccc
}

.hover-color .banner-white {
  background-color: #fff
}

html.no-touch .content-block:hover .banner-white {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #fff
}

a.hover .content-block .banner-white {
  background-color: #fff
}

.banner-white.disable-hover {
  cursor: default
}

.hover-color .banner-white.disable-hover,
html.no-touch .content-block:hover .banner-white.disable-hover {
  background-color: #fff
}

.content-hero .banner-white {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-white h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-white h2 {
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-white h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.banner-white.banner-right-bottom {
  float: right;
  margin-top: -115px;
  min-height: 110px
}

.homepage-c .banner-white.banner-left-bottom {
  margin-top: -100px
}

.banner-white h1 {
  margin-left: 0.5em
}

.banner-yellow {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #e6bc2f
}

.banner-yellow h1,
.banner-yellow h2,
.banner-yellow h3 {
  color: #fff
}

.banner-yellow p,
.banner-yellow a.quicklink,
.banner-yellow .form-label {
  color: #212121
}

.banner-yellow a.quicklink:hover {
  color: #9c7d13
}

.banner-yellow a {
  color: #9c7d13
}

.hover-color .banner-yellow {
  background-color: #daa31c
}

html.no-touch .content-block:hover .banner-yellow {
  -webkit-transition: background-color .1s linear;
  -ms-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
  background-color: #daa31c
}

a.hover .content-block .banner-yellow {
  background-color: #daa31c
}

.banner-yellow.disable-hover {
  cursor: default
}

.hover-color .banner-yellow.disable-hover,
html.no-touch .content-block:hover .banner-yellow.disable-hover {
  background-color: #e6bc2f
}

.content-hero .banner-yellow {
  padding-bottom: 1.5em;
  padding-top: 0.25em
}

.content-hero .banner-yellow h1 {
  line-height: 100%;
  margin-bottom: 0.25em
}

.content-hero .banner-yellow h2 {
  color: #413408;
  font-size: 125%;
  margin-top: 0;
  margin-left: 28px;
  text-transform: none;
  font-family: "Flexo-Regular", arial, sans-serif
}

body.ru .content-hero .banner-yellow h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.button-black,
.custom-select-wrapper .custom-select-menu label.button-black:after {
  background-color: #313131;
  color: #fff
}

.button-black:hover,
.custom-select-wrapper .custom-select-menu label.button-black:hover:after,
.button-black.active,
.custom-select-wrapper .custom-select-menu label.active.button-black:after {
  background-color: #282828
}

.category-tags-black {
  background-color: #313131;
  color: #fff
}

.category-tags-black:before {
  border-color: transparent #313131 transparent transparent
}

.category-tags-black:hover {
  background-color: #282828
}

.category-tags-black:hover:before {
  border-color: transparent #282828 transparent transparent
}

.button-blue,
body.custom-form-elements label.radio-as-toggle-button input+span {
  background-color: #1b53ba;
  color: #fff
}

.button-blue:hover,
body.custom-form-elements label.radio-as-toggle-button input+span:hover,
.button-blue.active,
body.custom-form-elements label.radio-as-toggle-button input+span.active {
  background-color: #1847d7
}

.category-tags-blue {
  background-color: #1b53ba;
  color: #fff
}

.category-tags-blue:before {
  border-color: transparent #1b53ba transparent transparent
}

.category-tags-blue:hover {
  background-color: #1847d7
}

.category-tags-blue:hover:before {
  border-color: transparent #1847d7 transparent transparent
}

.button-brown {
  background-color: #675945;
  color: #fff
}

.button-brown:hover,
.button-brown.active {
  background-color: #483f31
}

.category-tags-brown {
  background-color: #675945;
  color: #fff
}

.category-tags-brown:before {
  border-color: transparent #675945 transparent transparent
}

.category-tags-brown:hover {
  background-color: #483f31
}

.category-tags-brown:hover:before {
  border-color: transparent #483f31 transparent transparent
}

.button-darkgray {
  background-color: #616161;
  color: #fff
}

.button-darkgray:hover,
.button-darkgray.active {
  background-color: #313131
}

.category-tags-darkgray {
  background-color: #616161;
  color: #fff
}

.category-tags-darkgray:before {
  border-color: transparent #616161 transparent transparent
}

.category-tags-darkgray:hover {
  background-color: #313131
}

.category-tags-darkgray:hover:before {
  border-color: transparent #313131 transparent transparent
}

.button-gray,
.custom-select-wrapper .custom-select-menu label.button-gray:after {
  background-color: #a4a4a4;
  color: #fff
}

.button-gray:hover,
.custom-select-wrapper .custom-select-menu label.button-gray:hover:after,
.button-gray.active,
.custom-select-wrapper .custom-select-menu label.active.button-gray:after {
  background-color: #8b8b8b
}

.category-tags-gray {
  background-color: #a4a4a4;
  color: #fff
}

.category-tags-gray:before {
  border-color: transparent #a4a4a4 transparent transparent
}

.category-tags-gray:hover {
  background-color: #8b8b8b
}

.category-tags-gray:hover:before {
  border-color: transparent #8b8b8b transparent transparent
}

.button-green,
.custom-select-wrapper .custom-select-menu label.button-green:after {
  background-color: #4dad5b;
  color: #fff
}

.button-green:hover,
.custom-select-wrapper .custom-select-menu label.button-green:hover:after,
.button-green.active,
.custom-select-wrapper .custom-select-menu label.active.button-green:after {
  background-color: #369143
}

.category-tags-green {
  background-color: #4dad5b;
  color: #fff
}

.category-tags-green:before {
  border-color: transparent #4dad5b transparent transparent
}

.category-tags-green:hover {
  background-color: #369143
}

.category-tags-green:hover:before {
  border-color: transparent #369143 transparent transparent
}

.button-green-odd {
  background-color: #3d8a48;
  color: #fff
}

.button-green-odd:hover,
.button-green-odd.active {
  background-color: #369143
}

.category-tags-green-odd {
  background-color: #3d8a48;
  color: #fff
}

.category-tags-green-odd:before {
  border-color: transparent #3d8a48 transparent transparent
}

.category-tags-green-odd:hover {
  background-color: #369143
}

.category-tags-green-odd:hover:before {
  border-color: transparent #369143 transparent transparent
}

.button-lightblue {
  background-color: #30a7d7;
  color: #fff
}

.button-lightblue:hover,
.button-lightblue.active {
  background-color: #1b82b1
}

.category-tags-lightblue {
  background-color: #30a7d7;
  color: #fff
}

.category-tags-lightblue:before {
  border-color: transparent #30a7d7 transparent transparent
}

.category-tags-lightblue:hover {
  background-color: #1b82b1
}

.category-tags-lightblue:hover:before {
  border-color: transparent #1b82b1 transparent transparent
}

.button-lightgray {
  background-color: #F2F2F2;
  color: #fff
}

.button-lightgray:hover,
.button-lightgray.active {
  background-color: #d0d0d0
}

.category-tags-lightgray {
  background-color: #F2F2F2;
  color: #fff
}

.category-tags-lightgray:before {
  border-color: transparent #F2F2F2 transparent transparent
}

.category-tags-lightgray:hover {
  background-color: #d0d0d0
}

.category-tags-lightgray:hover:before {
  border-color: transparent #d0d0d0 transparent transparent
}

.button-lightred {
  background-color: #FF514F;
  color: #fff
}

.button-lightred:hover,
.button-lightred.active {
  background-color: #ff1f1c
}

.category-tags-lightred {
  background-color: #FF514F;
  color: #fff
}

.category-tags-lightred:before {
  border-color: transparent #FF514F transparent transparent
}

.category-tags-lightred:hover {
  background-color: #ff1f1c
}

.category-tags-lightred:hover:before {
  border-color: transparent #ff1f1c transparent transparent
}

.button-lightyellow {
  background-color: #FFE84C;
  color: #fff
}

.button-lightyellow:hover,
.button-lightyellow.active {
  background-color: #ffe119
}

.category-tags-lightyellow {
  background-color: #FFE84C;
  color: #fff
}

.category-tags-lightyellow:before {
  border-color: transparent #FFE84C transparent transparent
}

.category-tags-lightyellow:hover {
  background-color: #ffe119
}

.category-tags-lightyellow:hover:before {
  border-color: transparent #ffe119 transparent transparent
}

.button-lightgreen {
  background-color: #56D96A;
  color: #fff
}

.button-lightgreen:hover,
.button-lightgreen.active {
  background-color: #2ece47
}

.category-tags-lightgreen {
  background-color: #56D96A;
  color: #fff
}

.category-tags-lightgreen:before {
  border-color: transparent #56D96A transparent transparent
}

.category-tags-lightgreen:hover {
  background-color: #2ece47
}

.category-tags-lightgreen:hover:before {
  border-color: transparent #2ece47 transparent transparent
}

.button-lightpurple {
  background-color: #B38AEA;
  color: #fff
}

.button-lightpurple:hover,
.button-lightpurple.active {
  background-color: #975fe2
}

.category-tags-lightpurple {
  background-color: #B38AEA;
  color: #fff
}

.category-tags-lightpurple:before {
  border-color: transparent #B38AEA transparent transparent
}

.category-tags-lightpurple:hover {
  background-color: #975fe2
}

.category-tags-lightpurple:hover:before {
  border-color: transparent #975fe2 transparent transparent
}

.button-lightbrown {
  background-color: #C7AA79;
  color: #fff
}

.button-lightbrown:hover,
.button-lightbrown.active {
  background-color: #b89355
}

.category-tags-lightbrown {
  background-color: #C7AA79;
  color: #fff
}

.category-tags-lightbrown:before {
  border-color: transparent #C7AA79 transparent transparent
}

.category-tags-lightbrown:hover {
  background-color: #b89355
}

.category-tags-lightbrown:hover:before {
  border-color: transparent #b89355 transparent transparent
}

.button-orange,
body.custom-form-elements label.radio-as-toggle-button input:checked+span,
body.custom-form-elements label.radio-as-toggle-button input+span:hover,
.custom-select-wrapper .custom-select-menu label.button-orange:after {
  background-color: #ee6b2f;
  color: #fff
}

.button-orange:hover,
body.custom-form-elements label.radio-as-toggle-button input+span:hover,
.custom-select-wrapper .custom-select-menu label.button-orange:hover:after,
.button-orange.active,
body.custom-form-elements label.radio-as-toggle-button input:checked+span.active,
body.custom-form-elements label.radio-as-toggle-button input+span.active:hover,
.custom-select-wrapper .custom-select-menu label.active.button-orange:after {
  background-color: #da471b
}

.category-tags-orange {
  background-color: #ee6b2f;
  color: #fff
}

.category-tags-orange:before {
  border-color: transparent #ee6b2f transparent transparent
}

.category-tags-orange:hover {
  background-color: #da471b
}

.category-tags-orange:hover:before {
  border-color: transparent #da471b transparent transparent
}

.button-pink {
  background-color: #ff90c4;
  color: #fff
}

.button-pink:hover,
.button-pink.active {
  background-color: #ff2a8e
}

.category-tags-pink {
  background-color: #ff90c4;
  color: #fff
}

.category-tags-pink:before {
  border-color: transparent #ff90c4 transparent transparent
}

.category-tags-pink:hover {
  background-color: #ff2a8e
}

.category-tags-pink:hover:before {
  border-color: transparent #ff2a8e transparent transparent
}

.button-purple {
  background-color: #855ac9;
  color: #fff
}

.button-purple:hover,
.button-purple.active {
  background-color: #734bb2
}

.category-tags-purple {
  background-color: #855ac9;
  color: #fff
}

.category-tags-purple:before {
  border-color: transparent #855ac9 transparent transparent
}

.category-tags-purple:hover {
  background-color: #734bb2
}

.category-tags-purple:hover:before {
  border-color: transparent #734bb2 transparent transparent
}

.button-red {
  background-color: #E3350D;
  color: #fff
}

.button-red:hover,
.button-red.active {
  background-color: #b32a0a
}

.category-tags-red {
  background-color: #E3350D;
  color: #fff
}

.category-tags-red:before {
  border-color: transparent #E3350D transparent transparent
}

.category-tags-red:hover {
  background-color: #b32a0a
}

.category-tags-red:hover:before {
  border-color: transparent #b32a0a transparent transparent
}

.button-white {
  background-color: #fff;
  color: #212121
}

.button-white:hover,
.button-white.active {
  background-color: #fff
}

.category-tags-white {
  background-color: #fff;
  color: #212121
}

.category-tags-white:before {
  border-color: transparent #fff transparent transparent
}

.category-tags-white:hover {
  background-color: #fff
}

.category-tags-white:hover:before {
  border-color: transparent #fff transparent transparent
}

.button-yellow {
  background-color: #e6bc2f;
  color: #fff
}

.button-yellow:hover,
.button-yellow.active {
  background-color: #daa31c
}

.category-tags-yellow {
  background-color: #e6bc2f;
  color: #fff
}

.category-tags-yellow:before {
  border-color: transparent #e6bc2f transparent transparent
}

.category-tags-yellow:hover {
  background-color: #daa31c
}

.category-tags-yellow:hover:before {
  border-color: transparent #daa31c transparent transparent
}

.color-block-black {
  background-color: #313131
}

.color-block-black h1,
.color-block-black h2,
.color-block-black h3 {
  color: #fff
}

.color-block-black p {
  color: #ccc
}

.color-block-black.disable-hover {
  cursor: default
}

.hover-color .color-block-black.disable-hover,
.content-block:hover .color-block-black.disable-hover {
  background-color: #313131
}

.color-block-black h2 {
  color: #ccc
}

.color-block-blue {
  background-color: #1b53ba
}

.color-block-blue h1,
.color-block-blue h2,
.color-block-blue h3 {
  color: #fff
}

.color-block-blue p {
  color: #30a7d7
}

.color-block-blue.disable-hover {
  cursor: default
}

.hover-color .color-block-blue.disable-hover,
.content-block:hover .color-block-blue.disable-hover {
  background-color: #1b53ba
}

.color-block-brown {
  background-color: #675945
}

.color-block-brown h1,
.color-block-brown h2,
.color-block-brown h3 {
  color: #fff
}

.color-block-brown p {
  color: #ccc
}

.color-block-brown.disable-hover {
  cursor: default
}

.hover-color .color-block-brown.disable-hover,
.content-block:hover .color-block-brown.disable-hover {
  background-color: #675945
}

.color-block-darkgray {
  background-color: #616161
}

.color-block-darkgray h1,
.color-block-darkgray h2,
.color-block-darkgray h3 {
  color: #fff
}

.color-block-darkgray p {
  color: #000
}

.color-block-darkgray.disable-hover {
  cursor: default
}

.hover-color .color-block-darkgray.disable-hover,
.content-block:hover .color-block-darkgray.disable-hover {
  background-color: #616161
}

.color-block-gray {
  background-color: #a4a4a4
}

.color-block-gray h1,
.color-block-gray h2,
.color-block-gray h3 {
  color: #212121
}

.color-block-gray p {
  color: #616161
}

.color-block-gray.disable-hover {
  cursor: default
}

.hover-color .color-block-gray.disable-hover,
.content-block:hover .color-block-gray.disable-hover {
  background-color: #a4a4a4
}

.color-block-green {
  background-color: #4dad5b
}

.color-block-green h1,
.color-block-green h2,
.color-block-green h3 {
  color: #fff
}

.color-block-green p {
  color: #0e2011
}

.color-block-green.disable-hover {
  cursor: default
}

.hover-color .color-block-green.disable-hover,
.content-block:hover .color-block-green.disable-hover {
  background-color: #4dad5b
}

.color-block-green-odd {
  background-color: #3d8a48
}

.color-block-green-odd h1,
.color-block-green-odd h2,
.color-block-green-odd h3 {
  color: #fff
}

.color-block-green-odd p {
  color: #0e2011
}

.color-block-green-odd.disable-hover {
  cursor: default
}

.hover-color .color-block-green-odd.disable-hover,
.content-block:hover .color-block-green-odd.disable-hover {
  background-color: #3d8a48
}

.color-block-lightblue {
  background-color: #30a7d7
}

.color-block-lightblue h1,
.color-block-lightblue h2,
.color-block-lightblue h3 {
  color: #fff
}

.color-block-lightblue p {
  color: #0a2631
}

.color-block-lightblue.disable-hover {
  cursor: default
}

.hover-color .color-block-lightblue.disable-hover,
.content-block:hover .color-block-lightblue.disable-hover {
  background-color: #30a7d7
}

.color-block-lightgray {
  background-color: #F2F2F2
}

.color-block-lightgray h1,
.color-block-lightgray h2,
.color-block-lightgray h3 {
  color: #fff
}

.color-block-lightgray p {
  color: #919191
}

.color-block-lightgray.disable-hover {
  cursor: default
}

.hover-color .color-block-lightgray.disable-hover,
.content-block:hover .color-block-lightgray.disable-hover {
  background-color: #F2F2F2
}

.color-block-lightred {
  background-color: #FF514F
}

.color-block-lightred h1,
.color-block-lightred h2,
.color-block-lightred h3 {
  color: #fff
}

.color-block-lightred p {
  color: #820100
}

.color-block-lightred.disable-hover {
  cursor: default
}

.hover-color .color-block-lightred.disable-hover,
.content-block:hover .color-block-lightred.disable-hover {
  background-color: #FF514F
}

.color-block-lightyellow {
  background-color: #FFE84C
}

.color-block-lightyellow h1,
.color-block-lightyellow h2,
.color-block-lightyellow h3 {
  color: #fff
}

.color-block-lightyellow p {
  color: #7f6f00
}

.color-block-lightyellow.disable-hover {
  cursor: default
}

.hover-color .color-block-lightyellow.disable-hover,
.content-block:hover .color-block-lightyellow.disable-hover {
  background-color: #FFE84C
}

.color-block-lightgreen {
  background-color: #56D96A
}

.color-block-lightgreen h1,
.color-block-lightgreen h2,
.color-block-lightgreen h3 {
  color: #fff
}

.color-block-lightgreen p {
  color: #12511c
}

.color-block-lightgreen.disable-hover {
  cursor: default
}

.hover-color .color-block-lightgreen.disable-hover,
.content-block:hover .color-block-lightgreen.disable-hover {
  background-color: #56D96A
}

.color-block-lightpurple {
  background-color: #B38AEA
}

.color-block-lightpurple h1,
.color-block-lightpurple h2,
.color-block-lightpurple h3 {
  color: #fff
}

.color-block-lightpurple p {
  color: #4b1a8e
}

.color-block-lightpurple.disable-hover {
  cursor: default
}

.hover-color .color-block-lightpurple.disable-hover,
.content-block:hover .color-block-lightpurple.disable-hover {
  background-color: #B38AEA
}

.color-block-lightbrown {
  background-color: #C7AA79
}

.color-block-lightbrown h1,
.color-block-lightbrown h2,
.color-block-lightbrown h3 {
  color: #fff
}

.color-block-lightbrown p {
  color: #524022
}

.color-block-lightbrown.disable-hover {
  cursor: default
}

.hover-color .color-block-lightbrown.disable-hover,
.content-block:hover .color-block-lightbrown.disable-hover {
  background-color: #C7AA79
}

.color-block-orange {
  background-color: #ee6b2f
}

.color-block-orange h1,
.color-block-orange h2,
.color-block-orange h3 {
  color: #fff
}

.color-block-orange p {
  color: #4b1c06
}

.color-block-orange.disable-hover {
  cursor: default
}

.hover-color .color-block-orange.disable-hover,
.content-block:hover .color-block-orange.disable-hover {
  background-color: #ee6b2f
}

.color-block-pink {
  background-color: #ff90c4
}

.color-block-pink h1,
.color-block-pink h2,
.color-block-pink h3 {
  color: #fff
}

.color-block-pink p {
  color: #c3005b
}

.color-block-pink.disable-hover {
  cursor: default
}

.hover-color .color-block-pink.disable-hover,
.content-block:hover .color-block-pink.disable-hover {
  background-color: #ff90c4
}

.color-block-purple {
  background-color: #855ac9
}

.color-block-purple h1,
.color-block-purple h2,
.color-block-purple h3 {
  color: #fff
}

.color-block-purple p {
  color: #212121
}

.color-block-purple.disable-hover {
  cursor: default
}

.hover-color .color-block-purple.disable-hover,
.content-block:hover .color-block-purple.disable-hover {
  background-color: #855ac9
}

.color-block-red {
  background-color: #E3350D
}

.color-block-red h1,
.color-block-red h2,
.color-block-red h3 {
  color: #fff
}

.color-block-red p {
  color: #ccc
}

.color-block-red.disable-hover {
  cursor: default
}

.hover-color .color-block-red.disable-hover,
.content-block:hover .color-block-red.disable-hover {
  background-color: #E3350D
}

.color-block-white {
  background-color: #fff;
  top: 70%;
  position: absolute;
  float: left;
  margin-right: -100%;
  width: 78.24%;
  margin-left: 21.7625%
}

.color-block-white h1,
.color-block-white h2,
.color-block-white h3 {
  color: #212121
}

.color-block-white p {
  color: #919191
}

.color-block-white.disable-hover {
  cursor: default
}

.hover-color .color-block-white.disable-hover,
.content-block:hover .color-block-white.disable-hover {
  background-color: #fff
}

.color-block-yellow {
  background-color: #e6bc2f
}

.color-block-yellow h1,
.color-block-yellow h2,
.color-block-yellow h3 {
  color: #fff
}

.color-block-yellow p {
  color: #212121
}

.color-block-yellow.disable-hover {
  cursor: default
}

.hover-color .color-block-yellow.disable-hover,
.content-block:hover .color-block-yellow.disable-hover {
  background-color: #e6bc2f
}

.tint-hover-black {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-black:before {
  background-color: #282828;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-black:before {
  border-radius: 0
}

.hover-color .tint-hover-black:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-black:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-black:before {
  opacity: .2
}

.tint-hover-black:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-black:before.disable-hover,
.content-block:hover .tint-hover-black:before.disable-hover {
  background-color: #313131
}

.releases li:hover a .tint-hover-black:before,
.content-hero.hover-color .tint-hover-black:before,
html.no-touch .content-hero.content-block:hover .tint-hover-black:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-black:before {
  opacity: .2
}

.tint-hover-blue {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-blue:before {
  background-color: #1847d7;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-blue:before {
  border-radius: 0
}

.hover-color .tint-hover-blue:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-blue:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-blue:before {
  opacity: .2
}

.tint-hover-blue:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-blue:before.disable-hover,
.content-block:hover .tint-hover-blue:before.disable-hover {
  background-color: #1b53ba
}

.releases li:hover a .tint-hover-blue:before,
.content-hero.hover-color .tint-hover-blue:before,
html.no-touch .content-hero.content-block:hover .tint-hover-blue:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-blue:before {
  opacity: .2
}

.tint-hover-brown {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-brown:before {
  background-color: #483f31;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-brown:before {
  border-radius: 0
}

.hover-color .tint-hover-brown:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-brown:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-brown:before {
  opacity: .2
}

.tint-hover-brown:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-brown:before.disable-hover,
.content-block:hover .tint-hover-brown:before.disable-hover {
  background-color: #675945
}

.releases li:hover a .tint-hover-brown:before,
.content-hero.hover-color .tint-hover-brown:before,
html.no-touch .content-hero.content-block:hover .tint-hover-brown:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-brown:before {
  opacity: .2
}

.tint-hover-darkgray {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-darkgray:before {
  background-color: #313131;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-darkgray:before {
  border-radius: 0
}

.hover-color .tint-hover-darkgray:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-darkgray:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-darkgray:before {
  opacity: .2
}

.tint-hover-darkgray:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-darkgray:before.disable-hover,
.content-block:hover .tint-hover-darkgray:before.disable-hover {
  background-color: #616161
}

.releases li:hover a .tint-hover-darkgray:before,
.content-hero.hover-color .tint-hover-darkgray:before,
html.no-touch .content-hero.content-block:hover .tint-hover-darkgray:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-darkgray:before {
  opacity: .2
}

.tint-hover-gray {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-gray:before {
  background-color: #8b8b8b;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-gray:before {
  border-radius: 0
}

.hover-color .tint-hover-gray:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-gray:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-gray:before {
  opacity: .2
}

.tint-hover-gray:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-gray:before.disable-hover,
.content-block:hover .tint-hover-gray:before.disable-hover {
  background-color: #a4a4a4
}

.releases li:hover a .tint-hover-gray:before,
.content-hero.hover-color .tint-hover-gray:before,
html.no-touch .content-hero.content-block:hover .tint-hover-gray:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-gray:before {
  opacity: .2
}

.tint-hover-green {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-green:before {
  background-color: #369143;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-green:before {
  border-radius: 0
}

.hover-color .tint-hover-green:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-green:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-green:before {
  opacity: .2
}

.tint-hover-green:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-green:before.disable-hover,
.content-block:hover .tint-hover-green:before.disable-hover {
  background-color: #4dad5b
}

.releases li:hover a .tint-hover-green:before,
.content-hero.hover-color .tint-hover-green:before,
html.no-touch .content-hero.content-block:hover .tint-hover-green:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-green:before {
  opacity: .2
}

.tint-hover-green-odd {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-green-odd:before {
  background-color: #369143;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-green-odd:before {
  border-radius: 0
}

.hover-color .tint-hover-green-odd:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-green-odd:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-green-odd:before {
  opacity: .2
}

.tint-hover-green-odd:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-green-odd:before.disable-hover,
.content-block:hover .tint-hover-green-odd:before.disable-hover {
  background-color: #3d8a48
}

.releases li:hover a .tint-hover-green-odd:before,
.content-hero.hover-color .tint-hover-green-odd:before,
html.no-touch .content-hero.content-block:hover .tint-hover-green-odd:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-green-odd:before {
  opacity: .2
}

.tint-hover-lightblue {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-lightblue:before {
  background-color: #1b82b1;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-lightblue:before {
  border-radius: 0
}

.hover-color .tint-hover-lightblue:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-lightblue:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-lightblue:before {
  opacity: .2
}

.tint-hover-lightblue:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-lightblue:before.disable-hover,
.content-block:hover .tint-hover-lightblue:before.disable-hover {
  background-color: #30a7d7
}

.releases li:hover a .tint-hover-lightblue:before,
.content-hero.hover-color .tint-hover-lightblue:before,
html.no-touch .content-hero.content-block:hover .tint-hover-lightblue:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-lightblue:before {
  opacity: .2
}

.tint-hover-lightgray {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-lightgray:before {
  background-color: #d0d0d0;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-lightgray:before {
  border-radius: 0
}

.hover-color .tint-hover-lightgray:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-lightgray:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-lightgray:before {
  opacity: .2
}

.tint-hover-lightgray:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-lightgray:before.disable-hover,
.content-block:hover .tint-hover-lightgray:before.disable-hover {
  background-color: #F2F2F2
}

.releases li:hover a .tint-hover-lightgray:before,
.content-hero.hover-color .tint-hover-lightgray:before,
html.no-touch .content-hero.content-block:hover .tint-hover-lightgray:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-lightgray:before {
  opacity: .2
}

.tint-hover-lightred {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-lightred:before {
  background-color: #ff1f1c;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-lightred:before {
  border-radius: 0
}

.hover-color .tint-hover-lightred:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-lightred:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-lightred:before {
  opacity: .2
}

.tint-hover-lightred:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-lightred:before.disable-hover,
.content-block:hover .tint-hover-lightred:before.disable-hover {
  background-color: #FF514F
}

.releases li:hover a .tint-hover-lightred:before,
.content-hero.hover-color .tint-hover-lightred:before,
html.no-touch .content-hero.content-block:hover .tint-hover-lightred:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-lightred:before {
  opacity: .2
}

.tint-hover-lightyellow {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-lightyellow:before {
  background-color: #ffe119;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-lightyellow:before {
  border-radius: 0
}

.hover-color .tint-hover-lightyellow:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-lightyellow:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-lightyellow:before {
  opacity: .2
}

.tint-hover-lightyellow:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-lightyellow:before.disable-hover,
.content-block:hover .tint-hover-lightyellow:before.disable-hover {
  background-color: #FFE84C
}

.releases li:hover a .tint-hover-lightyellow:before,
.content-hero.hover-color .tint-hover-lightyellow:before,
html.no-touch .content-hero.content-block:hover .tint-hover-lightyellow:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-lightyellow:before {
  opacity: .2
}

.tint-hover-lightgreen {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-lightgreen:before {
  background-color: #2ece47;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-lightgreen:before {
  border-radius: 0
}

.hover-color .tint-hover-lightgreen:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-lightgreen:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-lightgreen:before {
  opacity: .2
}

.tint-hover-lightgreen:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-lightgreen:before.disable-hover,
.content-block:hover .tint-hover-lightgreen:before.disable-hover {
  background-color: #56D96A
}

.releases li:hover a .tint-hover-lightgreen:before,
.content-hero.hover-color .tint-hover-lightgreen:before,
html.no-touch .content-hero.content-block:hover .tint-hover-lightgreen:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-lightgreen:before {
  opacity: .2
}

.tint-hover-lightpurple {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-lightpurple:before {
  background-color: #975fe2;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-lightpurple:before {
  border-radius: 0
}

.hover-color .tint-hover-lightpurple:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-lightpurple:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-lightpurple:before {
  opacity: .2
}

.tint-hover-lightpurple:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-lightpurple:before.disable-hover,
.content-block:hover .tint-hover-lightpurple:before.disable-hover {
  background-color: #B38AEA
}

.releases li:hover a .tint-hover-lightpurple:before,
.content-hero.hover-color .tint-hover-lightpurple:before,
html.no-touch .content-hero.content-block:hover .tint-hover-lightpurple:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-lightpurple:before {
  opacity: .2
}

.tint-hover-lightbrown {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-lightbrown:before {
  background-color: #b89355;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-lightbrown:before {
  border-radius: 0
}

.hover-color .tint-hover-lightbrown:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-lightbrown:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-lightbrown:before {
  opacity: .2
}

.tint-hover-lightbrown:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-lightbrown:before.disable-hover,
.content-block:hover .tint-hover-lightbrown:before.disable-hover {
  background-color: #C7AA79
}

.releases li:hover a .tint-hover-lightbrown:before,
.content-hero.hover-color .tint-hover-lightbrown:before,
html.no-touch .content-hero.content-block:hover .tint-hover-lightbrown:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-lightbrown:before {
  opacity: .2
}

.tint-hover-orange {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-orange:before {
  background-color: #da471b;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-orange:before {
  border-radius: 0
}

.hover-color .tint-hover-orange:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-orange:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-orange:before {
  opacity: .2
}

.tint-hover-orange:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-orange:before.disable-hover,
.content-block:hover .tint-hover-orange:before.disable-hover {
  background-color: #ee6b2f
}

.releases li:hover a .tint-hover-orange:before,
.content-hero.hover-color .tint-hover-orange:before,
html.no-touch .content-hero.content-block:hover .tint-hover-orange:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-orange:before {
  opacity: .2
}

.tint-hover-pink {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-pink:before {
  background-color: #ff2a8e;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-pink:before {
  border-radius: 0
}

.hover-color .tint-hover-pink:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-pink:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-pink:before {
  opacity: .2
}

.tint-hover-pink:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-pink:before.disable-hover,
.content-block:hover .tint-hover-pink:before.disable-hover {
  background-color: #ff90c4
}

.releases li:hover a .tint-hover-pink:before,
.content-hero.hover-color .tint-hover-pink:before,
html.no-touch .content-hero.content-block:hover .tint-hover-pink:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-pink:before {
  opacity: .2
}

.tint-hover-purple {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-purple:before {
  background-color: #734bb2;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-purple:before {
  border-radius: 0
}

.hover-color .tint-hover-purple:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-purple:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-purple:before {
  opacity: .2
}

.tint-hover-purple:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-purple:before.disable-hover,
.content-block:hover .tint-hover-purple:before.disable-hover {
  background-color: #855ac9
}

.releases li:hover a .tint-hover-purple:before,
.content-hero.hover-color .tint-hover-purple:before,
html.no-touch .content-hero.content-block:hover .tint-hover-purple:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-purple:before {
  opacity: .2
}

.tint-hover-red {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-red:before {
  background-color: #b32a0a;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-red:before {
  border-radius: 0
}

.hover-color .tint-hover-red:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-red:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-red:before {
  opacity: .2
}

.tint-hover-red:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-red:before.disable-hover,
.content-block:hover .tint-hover-red:before.disable-hover {
  background-color: #E3350D
}

.releases li:hover a .tint-hover-red:before,
.content-hero.hover-color .tint-hover-red:before,
html.no-touch .content-hero.content-block:hover .tint-hover-red:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-red:before {
  opacity: .2
}

.tint-hover-white {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-white:before {
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-white:before {
  border-radius: 0
}

.hover-color .tint-hover-white:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-white:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-white:before {
  opacity: .2
}

.tint-hover-white:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-white:before.disable-hover,
.content-block:hover .tint-hover-white:before.disable-hover {
  background-color: #fff
}

.releases li:hover a .tint-hover-white:before,
.content-hero.hover-color .tint-hover-white:before,
html.no-touch .content-hero.content-block:hover .tint-hover-white:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-white:before {
  opacity: .2
}

.tint-hover-yellow {
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%
}

.tint-hover-yellow:before {
  background-color: #daa31c;
  border-radius: 5px 5px 0 0;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

html.nintendo .tint-hover-yellow:before {
  border-radius: 0
}

.hover-color .tint-hover-yellow:before {
  opacity: .2
}

html.no-touch .content-block:hover .tint-hover-yellow:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-block .tint-hover-yellow:before {
  opacity: .2
}

.tint-hover-yellow:before.disable-hover {
  cursor: default
}

.hover-color .tint-hover-yellow:before.disable-hover,
.content-block:hover .tint-hover-yellow:before.disable-hover {
  background-color: #e6bc2f
}

.releases li:hover a .tint-hover-yellow:before,
.content-hero.hover-color .tint-hover-yellow:before,
html.no-touch .content-hero.content-block:hover .tint-hover-yellow:before {
  -webkit-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: .2
}

a.hover .content-hero.content-block .tint-hover-yellow:before {
  opacity: .2
}

.color-text.color-black {
  color: #313131
}

.color-bg.color-black {
  background-color: #313131;
  color: #fff
}

.color-text.color-blue {
  color: #1b53ba
}

.color-bg.color-blue {
  background-color: #1b53ba;
  color: #fff
}

.color-text.color-brown {
  color: #675945
}

.color-bg.color-brown {
  background-color: #675945;
  color: #fff
}

.color-text.color-darkgray {
  color: #616161
}

.color-bg.color-darkgray {
  background-color: #616161;
  color: #fff
}

.color-text.color-gray {
  color: #a4a4a4
}

.color-bg.color-gray {
  background-color: #a4a4a4;
  color: #212121
}

.color-text.color-green {
  color: #4dad5b
}

.color-bg.color-green {
  background-color: #4dad5b;
  color: #fff
}

.color-text.color-green-odd {
  color: #3d8a48
}

.color-bg.color-green-odd {
  background-color: #3d8a48;
  color: #fff
}

.color-text.color-lightblue {
  color: #30a7d7
}

.color-bg.color-lightblue {
  background-color: #30a7d7;
  color: #fff
}

.color-text.color-lightgray {
  color: #F2F2F2
}

.color-bg.color-lightgray {
  background-color: #F2F2F2;
  color: #fff
}

.color-text.color-lightred {
  color: #FF514F
}

.color-bg.color-lightred {
  background-color: #FF514F;
  color: #fff
}

.color-text.color-lightyellow {
  color: #FFE84C
}

.color-bg.color-lightyellow {
  background-color: #FFE84C;
  color: #fff
}

.color-text.color-lightgreen {
  color: #56D96A
}

.color-bg.color-lightgreen {
  background-color: #56D96A;
  color: #fff
}

.color-text.color-lightpurple {
  color: #B38AEA
}

.color-bg.color-lightpurple {
  background-color: #B38AEA;
  color: #fff
}

.color-text.color-lightbrown {
  color: #C7AA79
}

.color-bg.color-lightbrown {
  background-color: #C7AA79;
  color: #fff
}

.color-text.color-orange {
  color: #ee6b2f
}

.color-bg.color-orange {
  background-color: #ee6b2f;
  color: #fff
}

.color-text.color-pink {
  color: #ff90c4
}

.color-bg.color-pink {
  background-color: #ff90c4;
  color: #fff
}

.color-text.color-purple {
  color: #855ac9
}

.color-bg.color-purple {
  background-color: #855ac9;
  color: #fff
}

.color-text.color-red {
  color: #E3350D
}

.color-bg.color-red {
  background-color: #E3350D;
  color: #fff
}

.color-text.color-white {
  color: #fff
}

.color-bg.color-white {
  background-color: #fff;
  color: #212121
}

.color-text.color-yellow {
  color: #e6bc2f
}

.color-bg.color-yellow {
  background-color: #e6bc2f;
  color: #fff
}

.background-color-bug {
  background: -webkit-linear-gradient(180deg, #729f3f 50%, #729f3f 50%);
  background: -ms-linear-gradient(180deg, #729f3f 50%, #729f3f 50%);
  background: -moz-linear-gradient(180deg, #729f3f 50%, #729f3f 50%);
  background: -o-linear-gradient(180deg, #729f3f 50%, #729f3f 50%);
  background: linear-gradient(180deg, #729f3f 50%, #729f3f 50%);
  background-color: #729f3f;
  color: #fff
}

.background-color-dark {
  background: -webkit-linear-gradient(180deg, #707070 50%, #707070 50%);
  background: -ms-linear-gradient(180deg, #707070 50%, #707070 50%);
  background: -moz-linear-gradient(180deg, #707070 50%, #707070 50%);
  background: -o-linear-gradient(180deg, #707070 50%, #707070 50%);
  background: linear-gradient(180deg, #707070 50%, #707070 50%);
  background-color: #707070;
  color: #fff
}

.background-color-dragon {
  background: -webkit-linear-gradient(180deg, #53a4cf 50%, #f16e57 50%);
  background: -ms-linear-gradient(180deg, #53a4cf 50%, #f16e57 50%);
  background: -moz-linear-gradient(180deg, #53a4cf 50%, #f16e57 50%);
  background: -o-linear-gradient(180deg, #53a4cf 50%, #f16e57 50%);
  background: linear-gradient(180deg, #53a4cf 50%, #f16e57 50%);
  background-color: #53a4cf;
  color: #fff
}

.background-color-electric {
  background: -webkit-linear-gradient(180deg, #eed535 50%, #eed535 50%);
  background: -ms-linear-gradient(180deg, #eed535 50%, #eed535 50%);
  background: -moz-linear-gradient(180deg, #eed535 50%, #eed535 50%);
  background: -o-linear-gradient(180deg, #eed535 50%, #eed535 50%);
  background: linear-gradient(180deg, #eed535 50%, #eed535 50%);
  background-color: #eed535;
  color: #212121
}

.background-color-fairy {
  background: -webkit-linear-gradient(180deg, #fdb9e9 50%, #fdb9e9 50%);
  background: -ms-linear-gradient(180deg, #fdb9e9 50%, #fdb9e9 50%);
  background: -moz-linear-gradient(180deg, #fdb9e9 50%, #fdb9e9 50%);
  background: -o-linear-gradient(180deg, #fdb9e9 50%, #fdb9e9 50%);
  background: linear-gradient(180deg, #fdb9e9 50%, #fdb9e9 50%);
  background-color: #fdb9e9;
  color: #212121
}

.background-color-fighting {
  background: -webkit-linear-gradient(180deg, #d56723 50%, #d56723 50%);
  background: -ms-linear-gradient(180deg, #d56723 50%, #d56723 50%);
  background: -moz-linear-gradient(180deg, #d56723 50%, #d56723 50%);
  background: -o-linear-gradient(180deg, #d56723 50%, #d56723 50%);
  background: linear-gradient(180deg, #d56723 50%, #d56723 50%);
  background-color: #d56723;
  color: #fff
}

.background-color-fire {
  background: -webkit-linear-gradient(180deg, #fd7d24 50%, #fd7d24 50%);
  background: -ms-linear-gradient(180deg, #fd7d24 50%, #fd7d24 50%);
  background: -moz-linear-gradient(180deg, #fd7d24 50%, #fd7d24 50%);
  background: -o-linear-gradient(180deg, #fd7d24 50%, #fd7d24 50%);
  background: linear-gradient(180deg, #fd7d24 50%, #fd7d24 50%);
  background-color: #fd7d24;
  color: #fff
}

.background-color-flying {
  background: -webkit-linear-gradient(180deg, #3dc7ef 50%, #bdb9b8 50%);
  background: -ms-linear-gradient(180deg, #3dc7ef 50%, #bdb9b8 50%);
  background: -moz-linear-gradient(180deg, #3dc7ef 50%, #bdb9b8 50%);
  background: -o-linear-gradient(180deg, #3dc7ef 50%, #bdb9b8 50%);
  background: linear-gradient(180deg, #3dc7ef 50%, #bdb9b8 50%);
  background-color: #3dc7ef;
  color: #212121
}

.background-color-ghost {
  background: -webkit-linear-gradient(180deg, #7b62a3 50%, #7b62a3 50%);
  background: -ms-linear-gradient(180deg, #7b62a3 50%, #7b62a3 50%);
  background: -moz-linear-gradient(180deg, #7b62a3 50%, #7b62a3 50%);
  background: -o-linear-gradient(180deg, #7b62a3 50%, #7b62a3 50%);
  background: linear-gradient(180deg, #7b62a3 50%, #7b62a3 50%);
  background-color: #7b62a3;
  color: #fff
}

.background-color-grass {
  background: -webkit-linear-gradient(180deg, #9bcc50 50%, #9bcc50 50%);
  background: -ms-linear-gradient(180deg, #9bcc50 50%, #9bcc50 50%);
  background: -moz-linear-gradient(180deg, #9bcc50 50%, #9bcc50 50%);
  background: -o-linear-gradient(180deg, #9bcc50 50%, #9bcc50 50%);
  background: linear-gradient(180deg, #9bcc50 50%, #9bcc50 50%);
  background-color: #9bcc50;
  color: #212121
}

.background-color-ground {
  background: -webkit-linear-gradient(180deg, #f7de3f 50%, #ab9842 50%);
  background: -ms-linear-gradient(180deg, #f7de3f 50%, #ab9842 50%);
  background: -moz-linear-gradient(180deg, #f7de3f 50%, #ab9842 50%);
  background: -o-linear-gradient(180deg, #f7de3f 50%, #ab9842 50%);
  background: linear-gradient(180deg, #f7de3f 50%, #ab9842 50%);
  background-color: #f7de3f;
  color: #212121
}

.background-color-ice {
  background: -webkit-linear-gradient(180deg, #51c4e7 50%, #51c4e7 50%);
  background: -ms-linear-gradient(180deg, #51c4e7 50%, #51c4e7 50%);
  background: -moz-linear-gradient(180deg, #51c4e7 50%, #51c4e7 50%);
  background: -o-linear-gradient(180deg, #51c4e7 50%, #51c4e7 50%);
  background: linear-gradient(180deg, #51c4e7 50%, #51c4e7 50%);
  background-color: #51c4e7;
  color: #212121
}

.background-color-normal {
  background: -webkit-linear-gradient(180deg, #a4acaf 50%, #a4acaf 50%);
  background: -ms-linear-gradient(180deg, #a4acaf 50%, #a4acaf 50%);
  background: -moz-linear-gradient(180deg, #a4acaf 50%, #a4acaf 50%);
  background: -o-linear-gradient(180deg, #a4acaf 50%, #a4acaf 50%);
  background: linear-gradient(180deg, #a4acaf 50%, #a4acaf 50%);
  background-color: #a4acaf;
  color: #212121
}

.background-color-poison {
  background: -webkit-linear-gradient(180deg, #b97fc9 50%, #b97fc9 50%);
  background: -ms-linear-gradient(180deg, #b97fc9 50%, #b97fc9 50%);
  background: -moz-linear-gradient(180deg, #b97fc9 50%, #b97fc9 50%);
  background: -o-linear-gradient(180deg, #b97fc9 50%, #b97fc9 50%);
  background: linear-gradient(180deg, #b97fc9 50%, #b97fc9 50%);
  background-color: #b97fc9;
  color: #fff
}

.background-color-psychic {
  background: -webkit-linear-gradient(180deg, #f366b9 50%, #f366b9 50%);
  background: -ms-linear-gradient(180deg, #f366b9 50%, #f366b9 50%);
  background: -moz-linear-gradient(180deg, #f366b9 50%, #f366b9 50%);
  background: -o-linear-gradient(180deg, #f366b9 50%, #f366b9 50%);
  background: linear-gradient(180deg, #f366b9 50%, #f366b9 50%);
  background-color: #f366b9;
  color: #fff
}

.background-color-rock {
  background: -webkit-linear-gradient(180deg, #a38c21 50%, #a38c21 50%);
  background: -ms-linear-gradient(180deg, #a38c21 50%, #a38c21 50%);
  background: -moz-linear-gradient(180deg, #a38c21 50%, #a38c21 50%);
  background: -o-linear-gradient(180deg, #a38c21 50%, #a38c21 50%);
  background: linear-gradient(180deg, #a38c21 50%, #a38c21 50%);
  background-color: #a38c21;
  color: #fff
}

.background-color-steel {
  background: -webkit-linear-gradient(180deg, #9eb7b8 50%, #9eb7b8 50%);
  background: -ms-linear-gradient(180deg, #9eb7b8 50%, #9eb7b8 50%);
  background: -moz-linear-gradient(180deg, #9eb7b8 50%, #9eb7b8 50%);
  background: -o-linear-gradient(180deg, #9eb7b8 50%, #9eb7b8 50%);
  background: linear-gradient(180deg, #9eb7b8 50%, #9eb7b8 50%);
  background-color: #9eb7b8;
  color: #212121
}

.background-color-water {
  background: -webkit-linear-gradient(180deg, #4592c4 50%, #4592c4 50%);
  background: -ms-linear-gradient(180deg, #4592c4 50%, #4592c4 50%);
  background: -moz-linear-gradient(180deg, #4592c4 50%, #4592c4 50%);
  background: -o-linear-gradient(180deg, #4592c4 50%, #4592c4 50%);
  background: linear-gradient(180deg, #4592c4 50%, #4592c4 50%);
  background-color: #4592c4;
  color: #fff
}

.level-0 {
  background: #1b53ba
}

.level-1 {
  background: #1b53ba
}

.level-2 {
  background: #1b53ba
}

.level-3 {
  background: #1b53ba
}

.level-4 {
  background: #1b53ba
}

.level-5 {
  background: #1b53ba
}

.level-6 {
  background: #1b53ba
}

.level-7 {
  background: #1b53ba
}

.level-8 {
  background: #1b53ba
}

.level-9 {
  background: #1b53ba
}

.level-10 {
  background: #4dad5b
}

.level-11 {
  background: #4dad5b
}

.level-12 {
  background: #4dad5b
}

.level-13 {
  background: #4dad5b
}

.level-14 {
  background: #4dad5b
}

.level-15 {
  background: #4dad5b
}

.level-16 {
  background: #4dad5b
}

.level-17 {
  background: #4dad5b
}

.level-18 {
  background: #4dad5b
}

.level-19 {
  background: #4dad5b
}

.level-20 {
  background: #369143
}

.level-21 {
  background: #369143
}

.level-22 {
  background: #369143
}

.level-23 {
  background: #369143
}

.level-24 {
  background: #369143
}

.level-25 {
  background: #369143
}

.level-26 {
  background: #369143
}

.level-27 {
  background: #369143
}

.level-28 {
  background: #369143
}

.level-29 {
  background: #369143
}

.level-30 {
  background: #1b82b1
}

.level-31 {
  background: #1b82b1
}

.level-32 {
  background: #1b82b1
}

.level-33 {
  background: #1b82b1
}

.level-34 {
  background: #1b82b1
}

.level-35 {
  background: #1b82b1
}

.level-36 {
  background: #1b82b1
}

.level-37 {
  background: #1b82b1
}

.level-38 {
  background: #1b82b1
}

.level-39 {
  background: #1b82b1
}

.level-40 {
  background: #da471b
}

.level-41 {
  background: #da471b
}

.level-42 {
  background: #da471b
}

.level-43 {
  background: #da471b
}

.level-44 {
  background: #da471b
}

.level-45 {
  background: #da471b
}

.level-46 {
  background: #da471b
}

.level-47 {
  background: #da471b
}

.level-48 {
  background: #da471b
}

.level-49 {
  background: #da471b
}

.level-50 {
  background: #daa31c
}

.level-51 {
  background: #daa31c
}

.level-52 {
  background: #daa31c
}

.level-53 {
  background: #daa31c
}

.level-54 {
  background: #daa31c
}

.level-55 {
  background: #daa31c
}

.level-56 {
  background: #daa31c
}

.level-57 {
  background: #daa31c
}

.level-58 {
  background: #daa31c
}

.level-59 {
  background: #daa31c
}

.level-60 {
  background: #E3350D
}

.level-61 {
  background: #E3350D
}

.level-62 {
  background: #E3350D
}

.level-63 {
  background: #E3350D
}

.level-64 {
  background: #E3350D
}

.level-65 {
  background: #E3350D
}

.level-66 {
  background: #E3350D
}

.level-67 {
  background: #E3350D
}

.level-68 {
  background: #E3350D
}

.level-69 {
  background: #E3350D
}

.level-70 {
  background: #b32a0a
}

.level-71 {
  background: #b32a0a
}

.level-72 {
  background: #b32a0a
}

.level-73 {
  background: #b32a0a
}

.level-74 {
  background: #b32a0a
}

.level-75 {
  background: #b32a0a
}

.level-76 {
  background: #b32a0a
}

.level-77 {
  background: #b32a0a
}

.level-78 {
  background: #b32a0a
}

.level-79 {
  background: #b32a0a
}

.level-80 {
  background: #ff90c4
}

.level-81 {
  background: #ff90c4
}

.level-82 {
  background: #ff90c4
}

.level-83 {
  background: #ff90c4
}

.level-84 {
  background: #ff90c4
}

.level-85 {
  background: #ff90c4
}

.level-86 {
  background: #ff90c4
}

.level-87 {
  background: #ff90c4
}

.level-88 {
  background: #ff90c4
}

.level-89 {
  background: #ff90c4
}

.level-90 {
  background: #313131
}

.level-91 {
  background: #313131
}

.level-92 {
  background: #313131
}

.level-93 {
  background: #313131
}

.level-94 {
  background: #313131
}

.level-95 {
  background: #313131
}

.level-96 {
  background: #313131
}

.level-97 {
  background: #313131
}

.level-98 {
  background: #313131
}

.level-99 {
  background: #313131
}

.level-100 {
  background: #313131
}

.grid-container {
  width: 96.875%;
  margin: 0 1.5625%
}

.column-1 {
  float: left;
  margin-right: -100%;
  width: 5.69%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-1 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-1 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-2 {
  float: left;
  margin-right: -100%;
  width: 12.95%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-2 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-2 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-3 {
  float: left;
  margin-right: -100%;
  width: 20.2%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-3 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-3 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-4 {
  float: left;
  margin-right: -100%;
  width: 27.46%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-4 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-4 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-5 {
  float: left;
  margin-right: -100%;
  width: 34.71%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-5 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-5 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-6 {
  float: left;
  margin-right: -100%;
  width: 41.96%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-6 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-6 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-7 {
  float: left;
  margin-right: -100%;
  width: 49.22%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-7 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-7 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-8 {
  float: left;
  margin-right: -100%;
  width: 56.47%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-8 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-8 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-9 {
  float: left;
  margin-right: -100%;
  width: 63.73%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-9 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-9 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-10 {
  float: left;
  margin-right: -100%;
  width: 70.98%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-10 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-10 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-11 {
  float: left;
  margin-right: -100%;
  width: 78.24%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-11 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-11 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-12 {
  float: left;
  margin-right: -100%;
  width: 85.49%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-12 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-12 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-13 {
  float: left;
  margin-right: -100%;
  width: 92.75%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-13 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-13 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.column-14 {
  float: left;
  margin-right: -100%;
  width: 100%
}

@media (min-width: 1px) and (max-width: 460px) {
  .column-14 {
    width: 100%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .column-14 {
    float: left;
    margin-right: -100%;
    width: 85.49%
  }
}

.push-0 {
  margin-left: .0025%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-0 {
    margin: 0
  }

  body.static .push-0 {
    margin-left: .0025%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-0 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-1 {
  margin-left: 7.2525%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-1 {
    margin: 0
  }

  body.static .push-1 {
    margin-left: 7.2525%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-1 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-2 {
  margin-left: 14.5125%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-2 {
    margin: 0
  }

  body.static .push-2 {
    margin-left: 14.5125%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-2 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-3 {
  margin-left: 21.7625%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-3 {
    margin: 0
  }

  body.static .push-3 {
    margin-left: 21.7625%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-3 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-4 {
  margin-left: 29.0225%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-4 {
    margin: 0
  }

  body.static .push-4 {
    margin-left: 29.0225%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-4 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-5 {
  margin-left: 36.2725%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-5 {
    margin: 0
  }

  body.static .push-5 {
    margin-left: 36.2725%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-5 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-6 {
  margin-left: 43.5225%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-6 {
    margin: 0
  }

  body.static .push-6 {
    margin-left: 43.5225%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-6 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-7 {
  margin-left: 50.7825%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-7 {
    margin: 0
  }

  body.static .push-7 {
    margin-left: 50.7825%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-7 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-8 {
  margin-left: 58.0325%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-8 {
    margin: 0
  }

  body.static .push-8 {
    margin-left: 58.0325%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-8 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-9 {
  margin-left: 65.2925%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-9 {
    margin: 0
  }

  body.static .push-9 {
    margin-left: 65.2925%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-9 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-10 {
  margin-left: 72.5425%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-10 {
    margin: 0
  }

  body.static .push-10 {
    margin-left: 72.5425%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-10 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-11 {
  margin-left: 79.8025%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-11 {
    margin: 0
  }

  body.static .push-11 {
    margin-left: 79.8025%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-11 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-12 {
  margin-left: 87.0525%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-12 {
    margin: 0
  }

  body.static .push-12 {
    margin-left: 87.0525%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-12 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.push-13 {
  margin-left: 94.3125%
}

@media (min-width: 1px) and (max-width: 460px) {
  .push-13 {
    margin: 0
  }

  body.static .push-13 {
    margin-left: 94.3125%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .push-13 {
    margin: 0;
    margin-left: 7.2525%
  }
}

.popupScreen {
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 16
}

.popup {
  display: none;
  max-width: 875px;
  opacity: 0;
  position: fixed;
  top: 120px;
  width: 100%;
  z-index: 17
}

.popup.user-alert {
  max-width: 360px
}

.popup .content {
  background: #fff;
  -webkit-border-radius: 7px 7px 7px 7px;
  -ms-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -o-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  padding: 15px;
  margin: 0 0 15px 0;
  zoom: 1
}

.popup .content:before,
.popup .content:after {
  content: "";
  display: table
}

.popup .content:after {
  clear: both
}

.popup .content p {
  color: #212121;
  text-align: center;
  margin-bottom: 1em
}

.popup .content .button,
.popup .content body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button .popup .content input+span {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.3em 0
}

.popup .content h3 {
  color: #313131;
  font-size: 200%;
  margin-bottom: 0.75em;
  text-transform: none;
  font-weight: 600;
  text-align: center
}

.EULA_popup {
  max-width: 875px;
  border: none;
  border-radius: 5px;
  padding: 0;
  height: 95vh
}

.EULA_popup .EULA_modalArea {
  width: 100%;
  height: 100%
}

.EULA_popup .EULA_content {
  padding: 1rem;
  margin: 3.125%
}

::backdrop {
  background: rgba(0, 0, 0, 0.8)
}

#game-modal h6,
#report-screen-name-modal h6,
#report-screen-name-success-modal h6,
#report-screen-name-failure-modal h6,
#pokemon-center-modal h6,
#modal h6,
.dialog-modal h6 {
  font-family: "Flexo-Thin", arial, sans-serif;
  color: #fff;
  font-size: 225%;
  text-transform: none;
  margin-bottom: 32px
}

body.ru #game-modal h6,
body.ru #report-screen-name-modal h6,
body.ru #report-screen-name-success-modal h6,
body.ru #report-screen-name-failure-modal h6,
body.ru #pokemon-center-modal h6,
body.ru #modal h6,
body.ru .dialog-modal h6 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 200
}

#game-modal .modalBox,
#report-screen-name-modal .modalBox,
#report-screen-name-success-modal .modalBox,
#report-screen-name-failure-modal .modalBox,
#pokemon-center-modal .modalBox,
#modal .modalBox,
.dialog-modal .modalBox {
  background: #fff;
  border-radius: 5px 5px 50px 5px;
  float: left;
  width: 100%
}

html.nintendo #game-modal .modalBox,
html.nintendo #report-screen-name-modal .modalBox,
html.nintendo #report-screen-name-success-modal .modalBox,
html.nintendo #report-screen-name-failure-modal .modalBox,
html.nintendo #pokemon-center-modal .modalBox,
html.nintendo #modal .modalBox,
html.nintendo .dialog-modal .modalBox {
  border-radius: 0
}

#game-modal .modalBox img,
#report-screen-name-modal .modalBox img,
#report-screen-name-success-modal .modalBox img,
#report-screen-name-failure-modal .modalBox img,
#pokemon-center-modal .modalBox img,
#modal .modalBox img,
.dialog-modal .modalBox img {
  float: right;
  width: 25%
}

#game-modal .modalBox p,
#report-screen-name-modal .modalBox p,
#report-screen-name-success-modal .modalBox p,
#report-screen-name-failure-modal .modalBox p,
#pokemon-center-modal .modalBox p,
#modal .modalBox p,
.dialog-modal .modalBox p {
  color: #616161;
  float: left;
  font-family: "Roboto", arial, sans-serif;
  display: block;
  margin: 40px 0 20px 40px;
  font-size: 87.5%;
  line-height: 200%;
  width: 65%
}

#game-modal .modalBox p.no-image,
#report-screen-name-modal .modalBox p.no-image,
#report-screen-name-success-modal .modalBox p.no-image,
#report-screen-name-failure-modal .modalBox p.no-image,
#pokemon-center-modal .modalBox p.no-image,
#modal .modalBox p.no-image,
.dialog-modal .modalBox p.no-image {
  width: auto
}

#game-modal .modalBox .buttons-wrapper,
#report-screen-name-modal .modalBox .buttons-wrapper,
#report-screen-name-success-modal .modalBox .buttons-wrapper,
#report-screen-name-failure-modal .modalBox .buttons-wrapper,
#pokemon-center-modal .modalBox .buttons-wrapper,
#modal .modalBox .buttons-wrapper,
.dialog-modal .modalBox .buttons-wrapper {
  float: left;
  margin: 0 0 0 40px;
  width: 65%
}

#game-modal .modalBox a,
#report-screen-name-modal .modalBox a,
#report-screen-name-success-modal .modalBox a,
#report-screen-name-failure-modal .modalBox a,
#pokemon-center-modal .modalBox a,
#modal .modalBox a,
.dialog-modal .modalBox a {
  clear: none;
  margin-left: 0;
  text-transform: none
}

#game-modal .externalLink,
#game-modal .centerLink,
#report-screen-name-modal .externalLink,
#report-screen-name-modal .centerLink,
#report-screen-name-success-modal .externalLink,
#report-screen-name-success-modal .centerLink,
#report-screen-name-failure-modal .externalLink,
#report-screen-name-failure-modal .centerLink,
#pokemon-center-modal .externalLink,
#pokemon-center-modal .centerLink,
#modal .externalLink,
#modal .centerLink,
.dialog-modal .externalLink,
.dialog-modal .centerLink {
  background: #fff url("../img/chrome/external_link_bumper.png") no-repeat left center;
  border-radius: 5px;
  float: left;
  width: 100%
}

html.nintendo #game-modal .externalLink,
html.nintendo #game-modal .centerLink,
html.nintendo #report-screen-name-modal .externalLink,
html.nintendo #report-screen-name-modal .centerLink,
html.nintendo #report-screen-name-success-modal .externalLink,
html.nintendo #report-screen-name-success-modal .centerLink,
html.nintendo #report-screen-name-failure-modal .externalLink,
html.nintendo #report-screen-name-failure-modal .centerLink,
html.nintendo #pokemon-center-modal .externalLink,
html.nintendo #pokemon-center-modal .centerLink,
html.nintendo #modal .externalLink,
html.nintendo #modal .centerLink,
html.nintendo .dialog-modal .externalLink,
html.nintendo .dialog-modal .centerLink {
  border-radius: 0
}

#game-modal .externalLink h6,
#game-modal .centerLink h6,
#report-screen-name-modal .externalLink h6,
#report-screen-name-modal .centerLink h6,
#report-screen-name-success-modal .externalLink h6,
#report-screen-name-success-modal .centerLink h6,
#report-screen-name-failure-modal .externalLink h6,
#report-screen-name-failure-modal .centerLink h6,
#pokemon-center-modal .externalLink h6,
#pokemon-center-modal .centerLink h6,
#modal .externalLink h6,
#modal .centerLink h6,
.dialog-modal .externalLink h6,
.dialog-modal .centerLink h6 {
  font-family: "Flexo-Thin", arial, sans-serif;
  color: #616161;
  font-size: 178%;
  text-transform: none;
  margin: 30px 30px 15px 275px;
  float: left
}

body.ru #game-modal .externalLink h6,
body.ru #game-modal .centerLink h6,
body.ru #report-screen-name-modal .externalLink h6,
body.ru #report-screen-name-modal .centerLink h6,
body.ru #report-screen-name-success-modal .externalLink h6,
body.ru #report-screen-name-success-modal .centerLink h6,
body.ru #report-screen-name-failure-modal .externalLink h6,
body.ru #report-screen-name-failure-modal .centerLink h6,
body.ru #pokemon-center-modal .externalLink h6,
body.ru #pokemon-center-modal .centerLink h6,
body.ru #modal .externalLink h6,
body.ru #modal .centerLink h6,
body.ru .dialog-modal .externalLink h6,
body.ru .dialog-modal .centerLink h6 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 200
}

#game-modal .externalLink h6+h6,
#game-modal .centerLink h6+h6,
#report-screen-name-modal .externalLink h6+h6,
#report-screen-name-modal .centerLink h6+h6,
#report-screen-name-success-modal .externalLink h6+h6,
#report-screen-name-success-modal .centerLink h6+h6,
#report-screen-name-failure-modal .externalLink h6+h6,
#report-screen-name-failure-modal .centerLink h6+h6,
#pokemon-center-modal .externalLink h6+h6,
#pokemon-center-modal .centerLink h6+h6,
#modal .externalLink h6+h6,
#modal .centerLink h6+h6,
.dialog-modal .externalLink h6+h6,
.dialog-modal .centerLink h6+h6 {
  margin-top: 15px
}

#game-modal .externalLink p,
#game-modal .centerLink p,
#report-screen-name-modal .externalLink p,
#report-screen-name-modal .centerLink p,
#report-screen-name-success-modal .externalLink p,
#report-screen-name-success-modal .centerLink p,
#report-screen-name-failure-modal .externalLink p,
#report-screen-name-failure-modal .centerLink p,
#pokemon-center-modal .externalLink p,
#pokemon-center-modal .centerLink p,
#modal .externalLink p,
#modal .centerLink p,
.dialog-modal .externalLink p,
.dialog-modal .centerLink p {
  color: #616161;
  float: left;
  font-family: "Roboto", arial, sans-serif;
  display: block;
  margin: 15px 30px 20px 275px;
  font-size: 87.5%;
  line-height: 200%
}

#game-modal .externalLink p.no-image,
#game-modal .centerLink p.no-image,
#report-screen-name-modal .externalLink p.no-image,
#report-screen-name-modal .centerLink p.no-image,
#report-screen-name-success-modal .externalLink p.no-image,
#report-screen-name-success-modal .centerLink p.no-image,
#report-screen-name-failure-modal .externalLink p.no-image,
#report-screen-name-failure-modal .centerLink p.no-image,
#pokemon-center-modal .externalLink p.no-image,
#pokemon-center-modal .centerLink p.no-image,
#modal .externalLink p.no-image,
#modal .centerLink p.no-image,
.dialog-modal .externalLink p.no-image,
.dialog-modal .centerLink p.no-image {
  width: auto
}

#game-modal .externalLink .buttons-wrapper,
#game-modal .centerLink .buttons-wrapper,
#report-screen-name-modal .externalLink .buttons-wrapper,
#report-screen-name-modal .centerLink .buttons-wrapper,
#report-screen-name-success-modal .externalLink .buttons-wrapper,
#report-screen-name-success-modal .centerLink .buttons-wrapper,
#report-screen-name-failure-modal .externalLink .buttons-wrapper,
#report-screen-name-failure-modal .centerLink .buttons-wrapper,
#pokemon-center-modal .externalLink .buttons-wrapper,
#pokemon-center-modal .centerLink .buttons-wrapper,
#modal .externalLink .buttons-wrapper,
#modal .centerLink .buttons-wrapper,
.dialog-modal .externalLink .buttons-wrapper,
.dialog-modal .centerLink .buttons-wrapper {
  float: right;
  text-align: right;
  margin: 0 25px 15px 0px;
  width: 65%
}

#game-modal .externalLink .buttons-wrapper .button,
#game-modal .externalLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #game-modal .externalLink .buttons-wrapper input+span,
#game-modal .centerLink .buttons-wrapper .button,
#game-modal .centerLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #game-modal .centerLink .buttons-wrapper input+span,
#report-screen-name-modal .externalLink .buttons-wrapper .button,
#report-screen-name-modal .externalLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #report-screen-name-modal .externalLink .buttons-wrapper input+span,
#report-screen-name-modal .centerLink .buttons-wrapper .button,
#report-screen-name-modal .centerLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #report-screen-name-modal .centerLink .buttons-wrapper input+span,
#report-screen-name-success-modal .externalLink .buttons-wrapper .button,
#report-screen-name-success-modal .externalLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #report-screen-name-success-modal .externalLink .buttons-wrapper input+span,
#report-screen-name-success-modal .centerLink .buttons-wrapper .button,
#report-screen-name-success-modal .centerLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #report-screen-name-success-modal .centerLink .buttons-wrapper input+span,
#report-screen-name-failure-modal .externalLink .buttons-wrapper .button,
#report-screen-name-failure-modal .externalLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #report-screen-name-failure-modal .externalLink .buttons-wrapper input+span,
#report-screen-name-failure-modal .centerLink .buttons-wrapper .button,
#report-screen-name-failure-modal .centerLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #report-screen-name-failure-modal .centerLink .buttons-wrapper input+span,
#pokemon-center-modal .externalLink .buttons-wrapper .button,
#pokemon-center-modal .externalLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #pokemon-center-modal .externalLink .buttons-wrapper input+span,
#pokemon-center-modal .centerLink .buttons-wrapper .button,
#pokemon-center-modal .centerLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #pokemon-center-modal .centerLink .buttons-wrapper input+span,
#modal .externalLink .buttons-wrapper .button,
#modal .externalLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #modal .externalLink .buttons-wrapper input+span,
#modal .centerLink .buttons-wrapper .button,
#modal .centerLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button #modal .centerLink .buttons-wrapper input+span,
.dialog-modal .externalLink .buttons-wrapper .button,
.dialog-modal .externalLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button .dialog-modal .externalLink .buttons-wrapper input+span,
.dialog-modal .centerLink .buttons-wrapper .button,
.dialog-modal .centerLink .buttons-wrapper body.custom-form-elements label.radio-as-toggle-button input+span,
body.custom-form-elements label.radio-as-toggle-button .dialog-modal .centerLink .buttons-wrapper input+span {
  float: right
}

#game-modal .externalLink a,
#game-modal .centerLink a,
#report-screen-name-modal .externalLink a,
#report-screen-name-modal .centerLink a,
#report-screen-name-success-modal .externalLink a,
#report-screen-name-success-modal .centerLink a,
#report-screen-name-failure-modal .externalLink a,
#report-screen-name-failure-modal .centerLink a,
#pokemon-center-modal .externalLink a,
#pokemon-center-modal .centerLink a,
#modal .externalLink a,
#modal .centerLink a,
.dialog-modal .externalLink a,
.dialog-modal .centerLink a {
  clear: none;
  text-transform: none;
  margin-left: 0
}

#game-modal .centerLink,
#report-screen-name-modal .centerLink,
#report-screen-name-success-modal .centerLink,
#report-screen-name-failure-modal .centerLink,
#pokemon-center-modal .centerLink,
#modal .centerLink,
.dialog-modal .centerLink {
  background: #fff url("../img/chrome/pokemon_center_bumper.png") no-repeat left center
}

#video-modal {
  top: 130px;
  max-width: 600px;
  color: #212121
}

#video-modal .video-modal-wrapper {
  border-radius: 5px;
  background: #fff;
  padding: 40px;
  position: relative
}

html.nintendo #video-modal .video-modal-wrapper {
  border-radius: 0
}

#video-modal p {
  margin-top: 1em;
  line-height: 1.2
}

#video-modal p.legal {
  color: #313131;
  font-size: 75%;
  margin: 0;
  line-height: 1
}

#video-modal .video-header {
  position: absolute;
  top: -80px;
  left: 0
}

#video-modal .video-header h4 {
  font-family: "Flexo-Demi", arial, sans-serif;
  color: #a4a4a4;
  text-transform: none;
  font-size: 110%;
  clear: both;
  margin-bottom: .2em
}

body.ru #video-modal .video-header h4 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: bold
}

#video-modal .video-header h1 {
  color: #fff;
  font-size: 175%;
  text-transform: none
}

#video-modal .video-container {
  background: #000;
  position: relative;
  width: 100%
}

#video-modal .video-container .poster {
  width: 100%
}

#video-modal .video-container .video,
#video-modal .video-container .limelight-player {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute !important;
  right: 0;
  top: 0;
  width: 100%
}

#video-modal .video-container iframe {
  position: absolute
}

#video-modal .video-prev-episode,
#video-modal .video-next-episode {
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border: 5px solid #fff;
  font-size: 0;
  opacity: 0.6;
  position: absolute;
  top: 150px;
  width: 172px;
  z-index: -1
}

#video-modal .video-prev-episode:hover,
#video-modal .video-next-episode:hover {
  opacity: 1
}

#video-modal .video-prev-episode img,
#video-modal .video-next-episode img {
  max-width: 100%
}

#video-modal .video-prev-episode div.video-title,
#video-modal .video-next-episode div.video-title {
  color: #919191;
  background: #fff;
  text-align: center;
  padding: 5px;
  font-size: 12px
}

#video-modal .video-prev-episode {
  left: -150px
}

#video-modal .video-prev-episode:hover {
  left: -177px
}

#video-modal .video-next-episode {
  right: -150px
}

#video-modal .video-next-episode:hover {
  right: -177px
}

#video-modal .closeBtn {
  position: absolute;
  top: -140px;
  right: 0;
  color: #212121;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

#video-modal .closeBtn i {
  color: #fff
}

#video-modal .watch-token-info {
  display: none;
  height: 42px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999
}

#video-modal .watch-token-info p.token_verbal {
  height: 42px;
  display: none;
  background-color: white;
  border-radius: 5px;
  line-height: 42px;
  padding: 0 10px;
  margin: 0;
  float: left
}

#video-modal .watch-token-info .token_icon {
  height: 42px;
  width: 41px;
  display: inline-block;
  float: left;
  background-image: url("../img/dashboard/tokens.png")
}

#site-search-modal {
  width: 500px
}

#site-search-widget {
  width: 100%;
  padding: 15px;
  background: #E3350D;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px
}

#site-search-widget .search,
#site-search-widget .submit {
  display: inline-block;
  vertical-align: middle;
  font-size: 100%;
  position: relative;
  -webkit-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background: #fff;
  height: 45px
}

#site-search-widget .search input,
#site-search-widget .submit input {
  height: 100%;
  width: 100%;
  font-size: 1.2em;
  border: none;
  display: block;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px
}

#site-search-widget .search input[type="search"],
#site-search-widget .submit input[type="search"] {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding-left: 5px;
  padding-right: 5px
}

#site-search-widget .search input[type="submit"],
#site-search-widget .submit input[type="submit"] {
  cursor: pointer;
  background: none;
  position: relative;
  z-index: 2
}

#site-search-widget .search.icon_search:before,
#site-search-widget .submit.icon_search:before {
  display: block;
  position: absolute;
  font-size: 175%;
  top: 19%;
  left: 25%;
  cursor: pointer;
  z-index: 1
}

#site-search-widget .search {
  width: 410px;
  margin-right: 10px
}

#site-search-widget .submit {
  width: 45px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background: #313131
}

#site-search-widget #modal-search-results {
  background: #fff;
  opacity: 0;
  overflow: hidden;
  padding: 0 8px 15px;
  position: absolute;
  top: 56px;
  width: 410px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px
}

#site-search-widget #modal-search-results>p {
  border-top: 2px solid #cbcbcb;
  color: #b8b8b8;
  font-size: 0.6em;
  padding-top: 5px;
  text-transform: uppercase
}

#site-search-widget #modal-search-results .search-result-img-wrapper {
  margin: 10px 0 0 10px;
  max-width: 18%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

#site-search-widget #modal-search-results .search-result-img-wrapper img {
  border: none;
  border-radius: 5px;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto
}

#site-search-widget #modal-search-results li {
  clear: both;
  display: block;
  font-family: "Roboto", arial, sans-serif;
  font-size: 0.75em;
  margin-top: 5px
}

#site-search-widget #modal-search-results li .search-result-img-wrapper {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  width: 60px
}

#site-search-widget #modal-search-results li .search-result-info-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 310px
}

#site-search-widget #modal-search-results li .search-result-info-wrapper h3 {
  margin-bottom: 0
}

#site-search-widget #modal-search-results li .search-result-info-wrapper p {
  color: #313131;
  margin-top: 0
}

@media (min-width: 1px) and (max-width: 460px) {
  .popup {
    top: 20px
  }

  .popup .block-user {
    margin-bottom: 1em;
    margin-top: 1em
  }

  #game-modal h6,
  #report-screen-name-modal h6,
  #report-screen-name-success-modal h6,
  #report-screen-name-failure-modal h6,
  #pokemon-center-modal h6,
  #modal h6 {
    font-size: 150%;
    margin: 1.5625% 3.125%
  }

  #game-modal .modalBox,
  #game-modal .externalLink,
  #report-screen-name-modal .modalBox,
  #report-screen-name-modal .externalLink,
  #report-screen-name-success-modal .modalBox,
  #report-screen-name-success-modal .externalLink,
  #report-screen-name-failure-modal .modalBox,
  #report-screen-name-failure-modal .externalLink,
  #pokemon-center-modal .modalBox,
  #pokemon-center-modal .externalLink,
  #modal .modalBox,
  #modal .externalLink {
    border-radius: 5px;
    margin: 3.125%;
    width: 93.75%
  }

  html.nintendo #game-modal .modalBox,
  html.nintendo #game-modal .externalLink,
  html.nintendo #report-screen-name-modal .modalBox,
  html.nintendo #report-screen-name-modal .externalLink,
  html.nintendo #report-screen-name-success-modal .modalBox,
  html.nintendo #report-screen-name-success-modal .externalLink,
  html.nintendo #report-screen-name-failure-modal .modalBox,
  html.nintendo #report-screen-name-failure-modal .externalLink,
  html.nintendo #pokemon-center-modal .modalBox,
  html.nintendo #pokemon-center-modal .externalLink,
  html.nintendo #modal .modalBox,
  html.nintendo #modal .externalLink {
    border-radius: 0
  }

  #game-modal .modalBox p,
  #game-modal .externalLink p,
  #report-screen-name-modal .modalBox p,
  #report-screen-name-modal .externalLink p,
  #report-screen-name-success-modal .modalBox p,
  #report-screen-name-success-modal .externalLink p,
  #report-screen-name-failure-modal .modalBox p,
  #report-screen-name-failure-modal .externalLink p,
  #pokemon-center-modal .modalBox p,
  #pokemon-center-modal .externalLink p,
  #modal .modalBox p,
  #modal .externalLink p {
    line-height: 125%;
    margin: 3.125%;
    width: 87.5%
  }

  #game-modal .modalBox .buttons-wrapper,
  #game-modal .externalLink .buttons-wrapper,
  #report-screen-name-modal .modalBox .buttons-wrapper,
  #report-screen-name-modal .externalLink .buttons-wrapper,
  #report-screen-name-success-modal .modalBox .buttons-wrapper,
  #report-screen-name-success-modal .externalLink .buttons-wrapper,
  #report-screen-name-failure-modal .modalBox .buttons-wrapper,
  #report-screen-name-failure-modal .externalLink .buttons-wrapper,
  #pokemon-center-modal .modalBox .buttons-wrapper,
  #pokemon-center-modal .externalLink .buttons-wrapper,
  #modal .modalBox .buttons-wrapper,
  #modal .externalLink .buttons-wrapper {
    margin: 0 3.125% 3.125% 0;
    width: 93.75%
  }

  #game-modal .externalLink,
  #game-modal .centerLink,
  #report-screen-name-modal .externalLink,
  #report-screen-name-modal .centerLink,
  #report-screen-name-success-modal .externalLink,
  #report-screen-name-success-modal .centerLink,
  #report-screen-name-failure-modal .externalLink,
  #report-screen-name-failure-modal .centerLink,
  #pokemon-center-modal .externalLink,
  #pokemon-center-modal .centerLink,
  #modal .externalLink,
  #modal .centerLink {
    background: #fff
  }

  #game-modal .externalLink h6,
  #game-modal .centerLink h6,
  #report-screen-name-modal .externalLink h6,
  #report-screen-name-modal .centerLink h6,
  #report-screen-name-success-modal .externalLink h6,
  #report-screen-name-success-modal .centerLink h6,
  #report-screen-name-failure-modal .externalLink h6,
  #report-screen-name-failure-modal .centerLink h6,
  #pokemon-center-modal .externalLink h6,
  #pokemon-center-modal .centerLink h6,
  #modal .externalLink h6,
  #modal .centerLink h6 {
    line-height: 125%;
    margin: 3.125%
  }

  #video-modal {
    padding: 1.5625%;
    position: absolute;
    width: 93.75%
  }

  #video-modal .closeBtn {
    margin-top: 1.5625%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  .popup {
    top: 20px
  }

  .popup .block-user {
    margin-bottom: 1em;
    margin-top: 1em
  }

  #game-modal h6,
  #report-screen-name-modal h6,
  #report-screen-name-success-modal h6,
  #report-screen-name-failure-modal h6,
  #pokemon-center-modal h6,
  #modal h6 {
    font-size: 150%;
    margin: 1.5625% 3.125%
  }

  #game-modal .modalBox,
  #game-modal .externalLink,
  #report-screen-name-modal .modalBox,
  #report-screen-name-modal .externalLink,
  #report-screen-name-success-modal .modalBox,
  #report-screen-name-success-modal .externalLink,
  #report-screen-name-failure-modal .modalBox,
  #report-screen-name-failure-modal .externalLink,
  #pokemon-center-modal .modalBox,
  #pokemon-center-modal .externalLink,
  #modal .modalBox,
  #modal .externalLink {
    border-radius: 5px;
    margin: 3.125%;
    width: 93.75%
  }

  html.nintendo #game-modal .modalBox,
  html.nintendo #game-modal .externalLink,
  html.nintendo #report-screen-name-modal .modalBox,
  html.nintendo #report-screen-name-modal .externalLink,
  html.nintendo #report-screen-name-success-modal .modalBox,
  html.nintendo #report-screen-name-success-modal .externalLink,
  html.nintendo #report-screen-name-failure-modal .modalBox,
  html.nintendo #report-screen-name-failure-modal .externalLink,
  html.nintendo #pokemon-center-modal .modalBox,
  html.nintendo #pokemon-center-modal .externalLink,
  html.nintendo #modal .modalBox,
  html.nintendo #modal .externalLink {
    border-radius: 0
  }

  #game-modal .modalBox p,
  #game-modal .externalLink p,
  #report-screen-name-modal .modalBox p,
  #report-screen-name-modal .externalLink p,
  #report-screen-name-success-modal .modalBox p,
  #report-screen-name-success-modal .externalLink p,
  #report-screen-name-failure-modal .modalBox p,
  #report-screen-name-failure-modal .externalLink p,
  #pokemon-center-modal .modalBox p,
  #pokemon-center-modal .externalLink p,
  #modal .modalBox p,
  #modal .externalLink p {
    line-height: 125%;
    margin: 3.125%;
    width: 87.5%
  }

  #game-modal .modalBox .buttons-wrapper,
  #game-modal .externalLink .buttons-wrapper,
  #report-screen-name-modal .modalBox .buttons-wrapper,
  #report-screen-name-modal .externalLink .buttons-wrapper,
  #report-screen-name-success-modal .modalBox .buttons-wrapper,
  #report-screen-name-success-modal .externalLink .buttons-wrapper,
  #report-screen-name-failure-modal .modalBox .buttons-wrapper,
  #report-screen-name-failure-modal .externalLink .buttons-wrapper,
  #pokemon-center-modal .modalBox .buttons-wrapper,
  #pokemon-center-modal .externalLink .buttons-wrapper,
  #modal .modalBox .buttons-wrapper,
  #modal .externalLink .buttons-wrapper {
    margin: 0 3.125% 3.125% 0;
    width: 93.75%
  }

  #game-modal .externalLink,
  #game-modal .centerLink,
  #report-screen-name-modal .externalLink,
  #report-screen-name-modal .centerLink,
  #report-screen-name-success-modal .externalLink,
  #report-screen-name-success-modal .centerLink,
  #report-screen-name-failure-modal .externalLink,
  #report-screen-name-failure-modal .centerLink,
  #pokemon-center-modal .externalLink,
  #pokemon-center-modal .centerLink,
  #modal .externalLink,
  #modal .centerLink {
    background: #fff
  }

  #game-modal .externalLink h6,
  #game-modal .centerLink h6,
  #report-screen-name-modal .externalLink h6,
  #report-screen-name-modal .centerLink h6,
  #report-screen-name-success-modal .externalLink h6,
  #report-screen-name-success-modal .centerLink h6,
  #report-screen-name-failure-modal .externalLink h6,
  #report-screen-name-failure-modal .centerLink h6,
  #pokemon-center-modal .externalLink h6,
  #pokemon-center-modal .centerLink h6,
  #modal .externalLink h6,
  #modal .centerLink h6 {
    line-height: 125%;
    margin: 3.125%
  }

  #video-modal {
    padding: 1.5625%;
    position: absolute;
    width: 93.75%
  }

  #video-modal .closeBtn {
    margin-top: 1.5625%
  }
}

@media (min-width: 461px) and (max-width: 960px) {
  #site-search-modal {
    width: 400px
  }

  #site-search-widget .search {
    width: 310px
  }
}

@media (min-width: 1px) and (max-width: 460px) {
  #site-search-modal {
    width: 300px
  }

  #site-search-widget {
    width: 300px
  }

  #site-search-widget .search {
    height: 35px;
    width: 220px
  }

  #site-search-widget .submit {
    height: 35px;
    width: 35px
  }

  #site-search-widget .submit.icon_search:before {
    font-size: 150%;
    top: 15%;
    left: 20%
  }
}

.toastr {
  border-radius: 4px;
  background-color: #313131;
  bottom: 80px;
  cursor: pointer;
  display: none;
  padding: 1em 2em 1em 4em;
  position: fixed;
  margin-right: 1.5625%;
  right: 0;
  width: 240px;
  z-index: 999
}

html.nintendo .toastr {
  border-radius: 0
}

.toastr img {
  cursor: pointer;
  position: absolute;
  top: -20%;
  left: -25%;
  width: 35%;
  max-width: 100px
}

.toastr span {
  clear: both;
  cursor: pointer;
  display: block
}

.toastr span.label {
  font-family: "Flexo-Bold", arial, sans-serif;
  color: #b8b8b8;
  font-size: 100%;
  line-height: 112.5%
}

body.ru .toastr span.label {
  font-family: "Roboto", arial, sans-serif;
  font-weight: bold
}

.toastr span.message {
  font-family: "Flexo-Medium", arial, sans-serif;
  color: #fff;
  padding: 0.3755em 0;
  font-size: 150%;
  line-height: 100%
}

body.ru .toastr span.message {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

.toastr span.closeToastrBtn {
  font-family: "Roboto", arial, sans-serif;
  font-weight: bold;
  background: transparent url("../img/chrome/close-notification.png") 0 0;
  height: 12px;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 11px
}

.toastr div.double span.message {
  padding: 0
}

@media (min-width: 1px) and (max-width: 460px) {
  .toastr {
    max-width: 160px;
    width: 50%
  }
}

.tt-dropdown-menu {
  background-color: #fff;
  width: 100%
}

.tt-dropdown-menu .tt-suggestion {
  color: #313131;
  padding: 0.2em
}

.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #1b53ba
}

.tt-query {
  background-color: #fff !important
}

.tt-hint {
  display: none !important
}

.picker {
  font-size: 100%;
  text-align: left;
  line-height: 1.2;
  color: #313131;
  position: absolute;
  z-index: 10000
}

.picker__input {
  cursor: default
}

.picker__input.picker__input--active {
  border-color: #E3350D
}

.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.form-wrapper .picker .custom-select-wrapper {
  color: white;
  text-align: left;
  float: left;
  margin-right: -100%;
  width: 34.71%;
  margin-left: 50.7825%
}

.form-wrapper .picker .custom-select-wrapper:first-child {
  float: left;
  margin-right: -100%;
  width: 34.71%;
  margin-left: 14.5125%
}

.picker__box {
  padding: 0 1em
}

.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
  min-height: 3em
}

.picker__month,
.picker__year {
  font-family: "Flexo-Medium", arial, sans-serif;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em
}

body.ru .picker__month,
body.ru .picker__year {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

.picker__year {
  color: #999;
  font-size: .8em;
  font-style: italic
}

.picker__select--month,
.picker__select--year {
  font-size: .8em;
  border: 1px solid #b7b7b7;
  height: 2.5em;
  padding: .66em .25em;
  margin-left: .25em;
  margin-right: .25em;
  margin-top: -.5em
}

.picker__select--month {
  width: 35%
}

.picker__select--year {
  width: 22.5%
}

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #30a7d7
}

.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  top: 0.2em;
  padding: .5em 1.33em;
  width: 1em;
  height: 1em
}

.picker__nav--prev {
  left: -1em;
  padding-right: 1.5em
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.5em
}

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #313131;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #313131
}

.picker__nav--prev:hover {
  cursor: pointer
}

.picker__nav--prev:hover:before {
  border-right-color: #30a7d7
}

.picker__nav--next:hover {
  cursor: pointer
}

.picker__nav--next:hover:before {
  border-left-color: #30a7d7
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5
}

.picker__nav--disabled:before,
.picker__nav--disabled:hover:before,
.picker__nav--disabled:before:before,
.picker__nav--disabled:before:hover:before {
  border-left-color: #f5f5f5
}

.picker__table {
  clear: both;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em
}

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em
  }
}

.picker__table thead {
  background: transparent
}

.picker__table thead td {
  border-radius: 0
}

.picker__table tbody tr td,
.picker__table thead tr th {
  background-color: transparent !important
}

.picker__table tr td,
.picker__table tr th {
  font-family: "Flexo-Bold", arial, sans-serif;
  color: inherit;
  font-size: 100%;
  padding: 0;
  text-align: center;
  text-transform: uppercase
}

body.ru .picker__table tr td,
body.ru .picker__table tr th {
  font-family: "Roboto", arial, sans-serif;
  font-weight: bold
}

.picker__table td {
  text-align: center !important;
  margin: 0;
  padding: 0
}

.picker__weekday {
  font-family: "Flexo-Medium", arial, sans-serif;
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999
}

body.ru .picker__weekday {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em
  }
}

.picker__day {
  font-family: "Flexo-Medium", arial, sans-serif;
  padding: .3125em 0;
  border: 1px solid transparent
}

body.ru .picker__day {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500
}

.picker__day--today {
  color: #30a7d7;
  position: relative
}

.picker__day--selected,
.picker__day--selected:hover {
  border-radius: 5px;
  background: #616161
}

.picker__day--highlighted {
  background: #c3c3c3;
  border-radius: 5px
}

.picker__day--disabled:before {
  border-top-color: #aaa
}

.picker__day--outfocus {
  color: #ddd;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
  filter: alpha(opacity=66);
  -moz-opacity: .66;
  opacity: .66
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  background: #30a7d7;
  border-radius: 5px;
  color: white
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  background: #c3c3c3;
  color: #fff
}

.picker__day--disabled,
.picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb
}

.picker__footer {
  text-align: center
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  font-family: "Flexo-Regular", arial, sans-serif;
  border: none;
  border-radius: 5px;
  background: #c3c3c3;
  color: #fff;
  text-transform: uppercase;
  font-size: .8em;
  margin: 0 0.35em 0.7em;
  padding: .66em 0;
  width: 48%;
  display: inline-block;
  vertical-align: bottom
}

body.ru .picker__button--today,
body.ru .picker__button--clear,
body.ru .picker__button--close {
  font-family: "Roboto", arial, sans-serif;
  font-weight: normal
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  background: #30a7d7;
  border-radius: 5px;
  color: white
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #1b82b1;
  outline: none
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0
}

